Random Number Generator Game - Play Now in HTML - 常规

<html>
<head>
    <title>Random Number Generator Game - Play Now in HTML</title>
    <style>
        body {
            background-color: #000000;
            color: #FFFFFF;
            font-family: Arial, sans-serif;
        }
<pre><code>    #game {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
    }

    #result {
        font-size: 40px;
        font-weight: bold;
    }
&lt;/style&gt;
</code></pre>
</head>
<body>
    <div id='game'>
        <h1>Random Number Generator Game!</h1>
        <p>
            Click the button to generate a random number between 1 and 10. 
        </p>
        <button id='btnGenerate'>Generate</button>
        <p id='result'></p>
    </div>
    <script>
        document.getElementById('btnGenerate').addEventListener('click', function() {
            var randomNumber = Math.floor(Math.random() * 10) + 1;
            document.getElementById('result').innerHTML = randomNumber;
        });
    </script>
</body>
</html>