如何限制哪些單詞可以放入提示框中，以便爲每個單詞提供不同的提示？

Question

<p>Click the button to demonstrate the prompt box.</p> 

<button onclick="myFunction()">Try it</button> 

<p id="demo"></p> 

<script> 
var x = 40 
var y = 20 
var input 
function myFunction() { 
    var person = prompt("Please enter your name", "Harry Potter"); 

    if (person = "luke") { 
     document.getElementById("demo").innerHTML = 
     "Hello " + x + "! How are you today?"; 
    } 
} 
</script> 

我現在在我的代碼中有一個文本框，當你輸入任何東西時，它會給你40你今天好嗎？我想要的只是如果你鍵入火來說，然後在不同的提示下輸入水或風......任何人都知道如何做到這一點？

Answer 1

根據您的意見反饋，我修改了代碼，只接受您要接受的答案，並繼續提示輸入，直到它們符合您的要求。它還修正了一點小故障，他們被提示輸入自己喜歡的水和土，不管他們的意見：

對於初學者來說，它的輸出在你的代碼的「Hello 40」 isbecause原因

`"Hello " + x + "! How are you today?";` 

你輸出存儲在其中的變量。您應該將x更改爲person，因爲它包含您要輸出的名稱。至於要求提供基於輸出的其他提示只是做：

<button onclick="myFunction()">Try it</button> 

<p id="demo"></p> 
<p id="demo2"></p> 
<script> 
function myFunction() { 
var element = prompt("Please enter your name", "fire"); 
var favorite = ""; 
var testing = 0; 
while (testing == 0) 
{ 
if(element == "fire" || element == "water" || element == "earth") 
{ 
    testing = 1; 
} 
    else 
{ 
    element = prompt("Please enter your favorite element","fire"); 
    } 
} 


document.getElementById("demo").innerHTML = 
    "You have chosen " + element + "!"; 
if (element == "water") { 
favorite = prompt("What body of water is your favorite?") 
    document.getElementById("demo2").innerHTML = 
    "And your favorite body of water is" + favorite + "!"; 
} 
if (element == "earth") { 
favorite = prompt("What formation of earth is your favorite?") 
    document.getElementById("demo2").innerHTML = 
    "And your favorite formation of earth is" + favorite + "!"; 
} 
} 
</script> 

使用您的代碼作爲模板我構造了這個。我拿出了你沒有用來鞏固空間的變量。您可以輕鬆地複製並粘貼「if」語句，並相應地放置它們以向用戶提供更多選項/提示。如果要隱藏其中一個文本字段，請創建一個條件（if）語句，並將該元素的內部html值設置爲空字符串（「」）。祝你好運。