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

No:13563

116

←

Prev Next

→

Dhey ymrryuit
Developer User4781｜Date and time 23/8/29 0:11:00
Build time 17.345 sec｜Game capacity 2.97KB｜

Script

Sure, I can help you design a simple game using JavaScript and HTML within a single HTML file. Here's an example of a game where you have to guess the correct answer based on pictograms. Remember to save this code as a HTML file and open it in a web browser to play the game:

Pictogram Guessing Game

Guess the answer based on the pictogram:

🌞🍔👫

In this game, a pictogram consisting of emojis represents a phrase or word. The user needs to guess the correct answer and type it into the input field. After clicking the submit button, their answer will be compared to the predefined correct answer. If the answer is correct, a "Correct!" message will be displayed with the pictogram turning green and increasing in size. If the answer is wrong, a "Wrong answer, try again." message will be displayed with the pictogram turning red.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Guessing Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
        #pictogram {
            font-size: 64px;
            margin-bottom: 20px;
        }
        #answer-input {
            width: 200px;
            height: 30px;
            font-size: 20px;
            margin-bottom: 20px;
        }
        #submit-button {
            width: 100px;
            height: 30px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Pictogram Guessing Game</h1>
        <p>Guess the answer based on the pictogram:</p>

<input id="answer-input" type="text" placeholder="Enter your guess">
        <button id="submit-button">Submit</button>

// Get HTML elements
        const answerInput = document.getElementById("answer-input");
        const submitButton = document.getElementById("submit-button");
        const resultContainer = document.getElementById("result");
        const pictogramContainer = document.getElementById("pictogram");

// Event listener for submit button click
        submitButton.addEventListener("click", function() {
            const userAnswer = answerInput.value;

if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) {
                resultContainer.textContent = "Correct!";
                pictogramContainer.style.color = "green";
                pictogramContainer.style.fontSize = "96px";
            } else {
                resultContainer.textContent = "Wrong answer, try again.";
                pictogramContainer.style.color = "red";
                pictogramContainer.style.fontSize = "64px";
            }
        });
    </script>
</body>
</html>
```