JavaScript While 循环 |猜谜游戏答案

【问题标题】：JavaScript While Loop | Guessing GameJavaScript While 循环 |猜谜游戏
【发布时间】：2016-04-18 08:46:08
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

标签： javascript while-loop

【解决方案1】：

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

【讨论】：

【解决方案2】：

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>

【讨论】：