Play a Random Number Guessing Game - HTML & JavaScript - 常规

<!DOCTYPE html>
<html>
<head>
    <title>Random Number Guessing Game</title>
    <script src='https://code.jquery.com/jquery-3.4.1.min.js'></script>
</head>
<body>
    <h1>Random Number Guessing Game</h1>
    <p>Guess the random number between 0 and 10!</p>
    <input type='number' id='guess'>
    <button id='submit'>Submit</button>
    <p id='result'></p>
<pre><code>&lt;script&gt;
    var randomNumber = Math.floor(Math.random() * 10);
    console.log(randomNumber);

    $('#submit').click(function(){
        var guess = $('#guess').val();
        if (guess == randomNumber) {
            $('#result').html('You guessed it! The number was ' + randomNumber);
        }
        else {
            $('#result').html('Sorry, that's not the right number. Try again!');
        }
    });
&lt;/script&gt;
</code></pre>
</body>
</html>