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

No:35088

Horse, Elephant, Lion, Camel, Giraffe, Dog, Tiger ..ALL
Developer User16431｜Date and time 24/1/13 9:27:47
Build time 11.926 sec｜Game capacity 3.486KB｜

Script

Sure! Here's a basic game implementation in a single HTML file using JavaScript. The game is called "Animal Trivia" and the user needs to guess the correct name of the given pictogram animal. The game will display a pictogram of an animal, and the user will have to select the correct name from multiple choices.

Animal Trivia

The game will display an animal pictogram, and the user needs to click on the corresponding name from the options provided. If the user selects the correct name, they will be alerted with "Correct!". If the user selects the wrong name, they will be alerted with "Incorrect, try again!". After each selection, the game will move to the next animal. Once all animals have been guessed, the user will be alerted with "Game Over!" Please note that you need to replace the image paths in the `animals` array with the actual path to your pictogram images.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Animal Trivia</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 30px;
        }
        
        h1 {
            margin-bottom: 30px;
        }
        
        img {
            max-width: 200px;
            margin-bottom: 20px;
        }
        
        button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
        
        button:hover {
            opacity: 0.8;
        }
    </style>
</head>
<body>
    <h1>Animal Trivia</h1>
    <img src="" id="animalImg">
    <br>
    <button onclick="checkAnswer('Horse')">Horse</button>
    <button onclick="checkAnswer('Elephant')">Elephant</button>
    <button onclick="checkAnswer('Lion')">Lion</button>
    <button onclick="checkAnswer('Camel')">Camel</button>
    <button onclick="checkAnswer('Giraffe')">Giraffe</button>
    <button onclick="checkAnswer('Dog')">Dog</button>
    <button onclick="checkAnswer('Tiger')">Tiger</button>
    <button onclick="checkAnswer('Rhinoceros')">Rhinoceros</button>
    
    <script>
        var animals = [
            { name: 'Horse', img: 'pics/horse.png' },
            { name: 'Elephant', img: 'pics/elephant.png' },
            { name: 'Lion', img: 'pics/lion.png' },
            { name: 'Camel', img: 'pics/camel.png' },
            { name: 'Giraffe', img: 'pics/giraffe.png' },
            { name: 'Dog', img: 'pics/dog.png' },
            { name: 'Tiger', img: 'pics/tiger.png' },
            { name: 'Rhinoceros', img: 'pics/rhinoceros.png' }
        ];
        
        var currentIndex = 0; // Index of the current animal
        
        // Function to update the display with the next animal
        function displayNextAnimal() {
            document.getElementById('animalImg').src = animals[currentIndex].img;
        }
        
        // Function to check if the answer is correct
        function checkAnswer(answer) {
            if (answer === animals[currentIndex].name) {
                alert('Correct!');
            } else {
                alert('Incorrect, try again!');
            }
            
            currentIndex++;
            if (currentIndex < animals.length) {
                displayNextAnimal();
            } else {
                alert('Game Over!');
            }
        }
        
        // Start the game by displaying the first animal
        displayNextAnimal();
    </script>
</body>
</html>
```

Please note that you need to replace the image paths in the `animals` array with the actual path to your pictogram images.