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

No:22845

←

Prev Next

→

Zesty game
Developer User10558｜Date and time 23/10/25 23:30:57
Build time 54.364 sec｜Game capacity 3.267KB｜

Script

Sure! Here's a simple example of a game called "Zesty Game" implemented as a single HTML file using JavaScript and enclosed in script tags. The game involves selecting the correct pictogram based on a given word prompt. You can play it on a smartphone.

Zesty Game

Find the pictogram that represents the word:

In this game, there are four pictograms (lemon, orange, apple, and banana) represented by corresponding image files. The player is prompted to find the pictogram that represents a given word. They can select an option by tapping on the respective pictogram, and receive feedback on whether their choice was correct or wrong. The game keeps track of the score and displays it at the end.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zesty Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #fefefe;
            text-align: center;
        }

#prompt {
            margin: 20px;
            font-size: 24px;
            font-weight: bold;
        }

#options {
            display: flex;
            justify-content: center;
            margin-top: 40px;
        }

.option {
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Zesty Game</h1>
    
    <div id="prompt">Find the pictogram that represents the word:</div>
    
    <div id="options">
        <img class="option" src="lemon.png" alt="lemon">
        <img class="option" src="orange.png" alt="orange">
        <img class="option" src="apple.png" alt="apple">
        <img class="option" src="banana.png" alt="banana">
    </div>
    
    <script>
        // Pictogram-to-word mapping
        const pictograms = [
            { pictogram: 'lemon.png', word: 'lemon' },
            { pictogram: 'orange.png', word: 'orange' },
            { pictogram: 'apple.png', word: 'apple' },
            { pictogram: 'banana.png', word: 'banana' }
        ];
        
        // Game state
        let score = 0;
        let currentIndex = 0;
        
        // Function to display a new prompt
        function displayPrompt() {
            const prompt = document.getElementById('prompt');
            prompt.innerText = `Find the pictogram that represents the word: ${pictograms[currentIndex].word}`;
        }
        
        // Function to handle option click
        function handleOptionClick(e) {
            const selectedWord = e.target.alt;
            const currentWord = pictograms[currentIndex].word;
            
            if (selectedWord === currentWord) {
                score++;
                alert('Correct!');
            } else {
                alert('Wrong!');
            }
            
            currentIndex++;
            
            // Check if game is finished
            if (currentIndex === pictograms.length) {
                alert(`Game Over! Your score is ${score}`);
            } else {
                displayPrompt();
            }
        }
        
        // Add click event listeners to options
        const options = document.getElementsByClassName('option');
        for (let option of options) {
            option.addEventListener('click', handleOptionClick);
        }
        
        // Start the game
        displayPrompt();
    </script>
</body>
</html>
```