Javascript函数不会打印

Question

我是 JavaScript 新手，我正在为类(class)做一个项目。到目前为止还没有任何问题，直到这个问题，当我输入输入时没有打印任何内容。当我输入问题时，根本没有任何变化。这个问题只是应该创建一个随机数，看看用户是否猜对了。

<script>
function playGame() {
    var answer;
    var x = Math.floor((Math.random() * 100) + 1);
    var name = document.getElementById('name').value;
    var guess = document.getElementById('guess').value;
    if (x > guess) {
    var answer = "Guess is too low!");
    }
    else if (x < guess) {
    var answer = "Guess is too high!");
    }
    else if (x == guess) {
    var answer = "You guessed correctly!");
    }
    document.getElementById('final').innerHTML = "Answer: " + answer;
</script>

<h2>Random Number Game by </h2>
    <p>Enter Name: 
       <input id="name" type="text">
    </p>
    <p>Enter Guess: <input id="guess" type="number" min="1" max="100" onchange="playGame()"></p>
    <h2 id="final"></h2>

Answer 1

您的代码有一些问题:

您需要用大括号结束函数 }

删除 )在您的 answer 末尾声明

假设你希望你的游戏只使用一个随机数，而不是在每次猜测时都改变它，你可以移动你的 var x = Math.floor((Math.random() * 100) + 1);在您的 playGame() 之外功能。这边x只会设置一次，而不是每次输入新的猜测

虽然不需要，但无需继续重新初始化您的 answer每次使用 var 的变量.正如您已经声明的那样，您可以通过引用 answer 重新定义它

请参阅下面的工作示例:

<script>
  var x = Math.floor((Math.random() * 100) + 1);
  function playGame() {
    var answer; 
    var name = document.getElementById('name').value;
    var guess = document.getElementById('guess').value;
    
    if (x > guess) {
      answer = "Guess is too low!";
    } else if (x < guess) {
      answer = "Guess is too high!";
    } else if (x == guess) {
      answer = "You guessed correctly!";
    }
    document.getElementById('final').innerHTML = "Answer: " + answer;
  }
</script>

<h2>Random Number Game by </h2>
<p>Enter Name:
  <input id="name" type="text">
</p>
<p>Enter Guess: <input id="guess" type="number" min="1" max="100" onchange="playGame()"></p>
<h2 id="final"></h2>