Click here for free DL of the app version that can save data.

No:15683

←

Prev Next

→

Anton blast
Developer User3550｜Date and time 23/9/10 20:18:14
Build time 19.247 sec｜Game capacity 2.295KB｜

Script

Sure! Here's an example of a simple guessing game implemented as a single HTML file with JavaScript:

Guessing Game

Question Mark

In this game, the player needs to guess a randomly generated number between 1 and 100. They can input their guess in the provided input field and click the "Guess" button. Pictograms (question mark, correct, too low, and too high) are displayed based on the player's guess. When the player guesses the correct number, a congratulatory message is shown, and the input field and button are disabled to indicate the end of the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

Sure! Here's an example of a simple guessing game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Guessing Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>Guessing Game</h1>
    <p>
        <img id="questionImg" src="question_mark.png" alt="Question Mark" width="100px" height="100px">
    </p>
    <p id="feedback"></p>
    <input id="guessInput" type="number">
    <button id="guessBtn">Guess</button>

// DOM elements
        var questionImg = document.getElementById("questionImg");
        var feedback = document.getElementById("feedback");
        var guessInput = document.getElementById("guessInput");
        var guessBtn = document.getElementById("guessBtn");

// Event listener for the guess button click
        guessBtn.addEventListener("click", function () {
            var userGuess = parseInt(guessInput.value);

// Check if the guess is correct, too high, or too low
            if (userGuess === targetNumber) {
                questionImg.setAttribute("src", "correct.png");
                feedback.innerHTML = "Congratulations! You guessed the correct number!";
                guessInput.disabled = true;
                guessBtn.disabled = true;
            } else if (userGuess < targetNumber) {
                questionImg.setAttribute("src", "too_low.png");
                feedback.innerHTML = "Too low! Try again.";
            } else {
                questionImg.setAttribute("src", "too_high.png");
                feedback.innerHTML = "Too high! Try again.";
            }
        });
    </script>
</body>

</html>
```