Simple HTML Guessing Game - Play Now! - 常规

<!DOCTYPE html>
<html>
<head>
  <title>Guess the Number</title>
  <script type="text/javascript">
    var targetNumber;
    var userGuess;
    var guesses = 0;
<pre><code>// Generates a random number
function generateNumber(){ 
  targetNumber = Math.floor(Math.random() * 10) + 1;
  console.log(targetNumber);
}

// Prompts the user to guess the number
function guessNumber(){
  userGuess = prompt('Guess a number between 1 and 10');
  guesses += 1;
}

// Compares the number guessed by the user and the target number
function compareNumber(){
  if(parseInt(userGuess) === targetNumber){
    alert('You guessed the number in ' + guesses + ' tries!');
  } else {
    alert('Sorry, try again.');
    guessNumber();
    compareNumber();
  }
}

// Starts the game
function startGame(){
  generateNumber();
  guessNumber();
  compareNumber();
}
</code></pre>
  </script>
</head>
<body>
  <h1>Guess the Number</h1>
  <button type="button" onclick="startGame()">Start Game</button>
</body>
</html>