Simple HTML Guessing Game - Play Now! - 常规

<html>
<head>
<title>My Guessing Game</title>
</head>
<body>
<h1>My Guessing Game</h1>
<p>Guess the number between 1 and 10 and you win!</p>
<input type='number' id='guessField'>
<p><button onclick='checkGuess()'>Guess</button></p>
<p id='message'></p>
<script>

var correctNumber = 7;

function checkGuess() {
    var userGuess = Number(document.getElementById('guessField').value);
    
    if (userGuess === correctNumber) {
        document.getElementById('message').innerHTML = 'Congratulations! You guessed the right number!';
    } else {
        document.getElementById('message').innerHTML = 'Sorry, that's not the right number. Try again!';
    }
}

</script>
</body>
</html>