2016-07-26 55 views
-1

我正在試圖製作一個基本的程序在html頁面上運行。它給你一個答案點擊一個按鈕,並輸入查詢的東西后,看起來像:javascript-重置變量

<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到網頁中的歌曲,然後再次按下按鈕並輸入一首能產生yes的歌曲,但仍不會顯示no',就像現在一樣,而是打印yes
UPDATE:http://istyjorapping.atwebpages.com/是實際的網頁,它有多種選擇,如果每(如 if (song == "heavydirtysoul", "ode to sleep", "fake you out", "forest") { document.getElementById("result").innerHTML = "yes"; }),我已經試過到目前爲止取得了給它一些奇怪的結果,調試器我通常使用不能工作的任何建議出。

+0

正如您現在所看到的,您的代碼已被整理,這是錯誤的,錯過了關閉'} –

+0

http://jshint.com/是你的朋友 – Quentin

回答

3

您需要使用==(平等)或===(標識)運營商,而不是=(分配)操作

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>

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"; 
} 
} 

我希望這有助於。讓我知道你是否喜歡這個解決方案。可以有很多種方式。