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

No:37363

←

Prev Next

→

Chat with ai
Developer User17064｜Date and time 24/1/21 2:34:50
Build time 8.922 sec｜Game capacity 2.874KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is called "Guess the Pictogram":

Guess the Pictogram

Pictogram

In this game, you will see a pictogram image and a text input field where you can enter your guess. After entering your guess, click the "Check" button to see if your guess is correct or not. If you guess correctly, the game will show "Correct!" and move on to the next random pictogram. If your guess is incorrect, it will display "Incorrect, try again." To make the game more interesting, you can add more pictograms to the `pictograms` array, each with its own name and corresponding image file path. Just make sure to update the references accordingly in the HTML and JavaScript code. Place the pictogram images in a folder named "pictograms" in the same directory as the HTML file. Feel free to modify and enhance the game further based on your preferences or requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is called "Guess the Pictogram":

```html
<!DOCTYPE html>
<html>
<head>
    <title>Guess the Pictogram</title>
</head>
<body>
    <h1>Guess the Pictogram</h1>
    <p><img id="pictogram" src="pictograms/question.png" alt="Pictogram"></p>
    <input type="text" id="guess" placeholder="Enter your guess">
    <button onclick="checkGuess()">Check</button>
    <p id="result"></p>

let currentPictogramIndex = getRandomPictogramIndex();
        let currentPictogram = pictograms[currentPictogramIndex];

// Function to get a random pictogram index
        function getRandomPictogramIndex() {
            return Math.floor(Math.random() * pictograms.length);
        }

// Function to reset the game
        function resetGame() {
            currentPictogramIndex = getRandomPictogramIndex();
            currentPictogram = pictograms[currentPictogramIndex];
            document.getElementById('pictogram').src = currentPictogram.image;
            document.getElementById('guess').value = '';
            document.getElementById('result').innerHTML = '';
        }

// Function to check the user's guess
        function checkGuess() {
            const userGuess = document.getElementById('guess').value.toLowerCase();
            if (userGuess === currentPictogram.name) {
                document.getElementById('result').innerHTML = 'Correct!';
                resetGame();
            } else {
                document.getElementById('result').innerHTML = 'Incorrect, try again.';
            }
        }

// Start the game
        resetGame();
    </script>
</body>
</html>
```

To make the game more interesting, you can add more pictograms to the `pictograms` array, each with its own name and corresponding image file path. Just make sure to update the references accordingly in the HTML and JavaScript code. Place the pictogram images in a folder named "pictograms" in the same directory as the HTML file.

Feel free to modify and enhance the game further based on your preferences or requirements.