Simple Number Guessing Game - HTML, JavaScript - 常规

<html>
  <body>
    <div id='gameDiv'>
      <h1>Guess the Number</h1>
      <p>I'm thinking of a number between 1 and 10. Can you guess it?</p>
      <input type='text' id='guess' />
      <button onclick='checkGuess()'>Guess</button>
      <p id='message'></p>
    </div>
    <script>
      let correctNumber = Math.floor(Math.random() * 10) + 1;
      let guesses = 0;
<pre><code>  function checkGuess() {
    let guess = document.getElementById('guess').value;
    guesses++;
    if (guess == correctNumber) {
      document.getElementById('message').innerHTML = 'You guessed it! It took you ' + guesses + ' tries';
    } else {
      document.getElementById('message').innerHTML = 'Sorry, that's not it. Try again!';
    }      
  }
&lt;/script&gt;
</code></pre>
  </body>
</html>