Simple HTML Guessing Game - Play Now! - 常规

<html>
  <body>
    <h1>Guess the Number Game</h1>
    <p>Guess a number between 1 and 10</p>
    <input type="text" id="guessField">
    <button onclick="checkGuess()">Submit</button>
    <p id="result"></p>
    <script>
      let randomNumber = Math.floor(Math.random() * 10 + 1);
      let guesses = 0;
<pre><code>  function checkGuess() {
    let userGuess = Number(guessField.value);
    guesses++;
    if (userGuess === randomNumber) {
      result.innerHTML = 'Congratulations! You guessed the number in ' + guesses + ' tries.';
      guesses = 0;
      randomNumber = Math.floor(Math.random() * 10 + 1);
    } else if (userGuess &gt; randomNumber) {
      result.innerHTML = 'Wrong! Your guess is too high.';
    } else {
      result.innerHTML = 'Wrong! Your guess is too low.';
    }
  }
&lt;/script&gt;
</code></pre>
  </body>
</html>