JavaScript While循環|猜測遊戲

Question

我正在嘗試使用javascript創建一個「猜謎遊戲」。我是JavaScript新手，似乎無法使其工作。

var theNumber = Math.round(50*Math.random()); 

function pickNumber() 
{ 
    theNumber = Math.round(50*Math.random()); 
} 

function compare() 
{ 
    var choice = 0; 
    // Write a three-way conditional that compares choice to 
    // theNumber and displays the correct message. 
} 

比較函數應該是我需要編輯的唯一東西。下面我添加了我想要操作的HTML表單。

<form name="controls"> 

    <select name="guess" onchange="compare();"> 
    <option value=0> 0 </option> 
    <option value=1> 1 </option> 
    <option value=2> 2 </option> 
    <option value=3> 3 </option> 
    <option value=4> 4 </option> 
    <option value=5> 5 </option> 
    <option value=6> 6 </option> 
    <option value=7> 7 </option> 
    <option value=8> 8 </option> 
    <option value=9> 9 </option> 
    <option value=10> 10 </option> 

    </select> 

    <p> 
    <input type=text size=50 name="response"> 
    </p> 

    <p> 
    <input type=button 
     value="Pick New Number" 
     onclick="pickNumber();"> 
    </p> 

</form> 

Answer 1

function compare(choice){ 
if (choice===theNumber){return "Win"} 
else if(choice >= theNumber){return "Lower") 
else {return "Higher"} 
} 

Answer 2

JS

var theNumber = Math.round(50*Math.random()); 


    function pickNumber() 
{ 
    theNumber = Math.round(50*Math.random()); 

} 


function compare() 
{ 
    var val = document.getElementById('sel').value; 
    if(val === theNumber) { 
     document.getElementById('response').value = "Chosen Number is correct"; 
    } 
    else if(val < theNumber){ 
    { 
     document.getElementById('response').value = "Chosen Number is smaller"; 
    } else { 
     document.getElementById('response').value = "Chosen Number is greater"; 
    } 

} 

HTML

<form> 
    <select id = "sel"name="guess" onchange="compare()"> 
     <option value=0> 0 </option> 
     <option value=1> 1 </option> 
     <option value=2> 2 </option> 
     <option value=3> 3 </option> 
     <option value=4> 4 </option> 
     <option value=5> 5 </option> 
     <option value=6> 6 </option> 
     <option value=7> 7 </option> 
     <option value=8> 8 </option> 
     <option value=9> 9 </option> 
     <option value=10> 10 </option> 

    </select> 

    <p> 
    <input id = "response" type=text size=50 name="response"> 
    </p> 

    <p> 
     <input type=button 
      value="Pick New Number" 
      onclick="pickNumber()"> 
    </p> 

    </form>