HTML Guessing Game: Learn to Code with This Simple Example

<html>
<head>
  <title>Guess the Number Game</title>
</head>
<body>
  <h1>Guess the Number Game</h1>
  <h2>Guess a number between 1 and 10</h2>
  <p>Enter your guess and click Guess!</p>
  <input id='guess' type='text' value=''/>
  <button type='button' onclick='guessNumber()'>Guess!</button>
  <p id='result'></p>
  <script>
  // Create a random number
  let randomNumber = Math.floor(Math.random() * 10) + 1;
<p>// Function to check the guess
function guessNumber() {
let guess = document.getElementById('guess').value;
if (guess == randomNumber) {
document.getElementById('result').innerHTML = 'You guessed it right!';
} else {
document.getElementById('result').innerHTML = 'Wrong!';
}
}
</script></p>
</body>
</html>