Question

我正在尝试制作一个在html页面上运行的基本程序。单击按钮并输入内容后，它会给出答案，如下所示：

<button type="button" onclick="whatsong()">Click to enter a song</button>
<p id="result"></p>
<script>
function whatsong() {
    var song = prompt("please enter a song");
    if (song = "example") {
        document.getElementById("result").innerHTML = "yes";
    }
    if (song = "example2") {
        document.getElementById("result").innerHTML = "no";
    }
</script>

我希望变量song重置，以便用户可以输入将no打印到网页上的歌曲，然后再次按下该按钮并输入一首产生{{1}的歌曲}，暂不显示yes＆＃39;，就像现在一样，而是打印no。
更新： http://istyjorapping.atwebpages.com/是实际的网页，每个if有多个选项（例如 yes），我到目前为止所做的任何建议都会让我得到一些奇怪的结果，我通常使用的调试器无法解决。

Answer 1

您需要使用==（Equality）或===（Identity）运算符，而不是=（赋值）运算符

function whatsong() {
  var song = prompt("please enter a song");
  if (song == "example"){ 
    document.getElementById("result").innerHTML = "yes";
  }
  if (song == "example2"){
    document.getElementById("result").innerHTML = "no";
  }
}

好读Which equals operator (== vs ===) should be used in JavaScript comparisons?

<button type="button" onclick="whatsong()">Click to enter a song</button>
<p id="result"></p>
<script>
function whatsong() {
    var song = prompt("please enter a song");
    if (song == "example") {
        document.getElementById("result").innerHTML = "yes";
    }
    if (song == "example2") {
        document.getElementById("result").innerHTML = "no";
    }
}
</script>

Answer 2

据我了解，点击一个按钮就可以获取用户输入，并根据用户输入显示特定文本。

以下是该示例代码   HTML

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">Click Me</button>
<p id="result"></p>

JS将是

function myFunction() {
var song = prompt("please enter a song");
if(song==='example'){
document.getElementById("result").innerHTML = "yes";
}
if(song==='example2'){
document.getElementById("result").innerHTML = "no";
}
}

我希望得到帮助。让我知道你是否喜欢这个解决方案。也有很多种方式。

javascript-重置变量

2 个答案: