Simple HTML Number Guessing Game - Play Now! - 常规

<html>
<head>
  <title>Guess the Number</title>
  <script type="text/javascript">
    //Create a random number
    var randomNumber = Math.floor(Math.random() * 10) + 1;
    //Create a variable to hold the user's guess
    var userGuess;
    //Create a counter
    var guesses = 0;
<pre><code>//Function to check the user's guess
function checkGuess() {
  //Increment the counter
  guesses++;
  //Get the user's guess
  userGuess = document.getElementById('userGuess').value;
  //Check to see if the user guessed correctly
  if (userGuess == randomNumber) {
    document.getElementById('results').innerHTML = 'You guessed correctly! It took you ' + guesses + ' tries to guess the correct number: ' + randomNumber;
  } else if (userGuess &gt; randomNumber) {
    document.getElementById('results').innerHTML = 'Your guess was too high. Try again!';
  } else {
    document.getElementById('results').innerHTML = 'Your guess was too low. Try again!';
  }
}
</code></pre>
  </script>
</head>
<body>
  <h1>Guess the Number</h1>
  <p>I'm thinking of a number between 1 and 10.</p>
  <p>Enter your guess: <input type="text" id="userGuess" /></p>
  <p><input type="button" value="Guess!" onclick="checkGuess()" /></p>
  <p id="results"></p>
</body>
</html>