我正在尝试制作一个在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
),我到目前为止所做的任何建议都会让我得到一些奇怪的结果,我通常使用的调试器无法解决。
答案 0 :(得分:3)
您需要使用==
(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>
答案 1 :(得分:0)
据我了解,点击一个按钮就可以获取用户输入,并根据用户输入显示特定文本。
以下是该示例代码 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";
}
}
我希望得到帮助。让我知道你是否喜欢这个解决方案。也有很多种方式。