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

No:39198

←

Prev Next

→

Image generator
Developer User14877｜Date and time 24/1/27 8:38:45
Build time 10.681 sec｜Game capacity 3.052KB｜

Script

Sure! Here's a simple text-based game implemented as a single HTML file using JavaScript and enclosed in script tags. The game can be played on a smartphone, and it utilizes pictograms for a more visual experience.

Pictogram Game

This game displays a random pictogram from the array on the screen. The player needs to guess the corresponding word and enter it into the text input field. Upon clicking the "Submit" button, the game will provide feedback on whether the guess was correct or incorrect. The game will then generate a new random pictogram for the next round.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #pictogram {
            font-size: 80px;
        }
        #inputContainer {
            margin-top: 20px;
        }
        input {
            padding: 10px;
            font-size: 16px;
        }
        button {
            margin-top: 10px;
            padding: 10px 20px;
            font-size: 16px;
        }
        #result {
            margin-top: 20px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="pictogram"></div>
    <div id="inputContainer">
        <input type="text" id="answerInput" placeholder="Enter your answer" />
        <button id="submitBtn">Submit</button>
    </div>
    <div id="result"></div>

// Choose a random pictogram from the array
        let randomIndex = Math.floor(Math.random() * pictograms.length);
        let currentPictogram = pictograms[randomIndex];

// Get the necessary DOM elements
        const pictogramElement = document.getElementById('pictogram');
        const answerInput = document.getElementById('answerInput');
        const submitBtn = document.getElementById('submitBtn');
        const resultElement = document.getElementById('result');

// Update the pictogram element with the current pictogram
        pictogramElement.innerHTML = currentPictogram;

// Add event listener to the submit button
        submitBtn.addEventListener('click', () => {
            const userAnswer = answerInput.value.toLowerCase();

if (userAnswer === currentPictogram.toLowerCase()) {
                resultElement.innerHTML = 'Correct! You guessed right!';
            } else {
                resultElement.innerHTML = 'Oops! That was incorrect.';
            }

// Reset the inputs
            answerInput.value = '';
            answerInput.focus();

// Choose a new random pictogram for the next round
            randomIndex = Math.floor(Math.random() * pictograms.length);
            currentPictogram = pictograms[randomIndex];
            pictogramElement.innerHTML = currentPictogram;
        });
    </script>
</body>
</html>
```