Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Guess the Number Game</title>
- <style>
- #result {
- font-size: 1.2em;
- margin-top: 10px;
- }
- </style>
- </head>
- <body>
- <p>Guess a number between 1 and 10:</p>
- <input type="number" id="userGuess" min="1" max="10">
- <button onclick="checkGuess()">Submit Guess</button>
- <p id="result"></p>
- <script>
- // Generate a random number between 1 and 10
- const secretNumber = Math.floor(Math.random() * 10) + 1;
- function checkGuess() {
- // Get user's guess
- const userGuess = document.getElementById("userGuess").value;
- // Check if the guess is correct
- if (userGuess == secretNumber) {
- document.getElementById("result").innerHTML = "Congratulations! You guessed the correct number!";
- } else {
- document.getElementById("result").innerHTML = "Sorry, try again!";
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement