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

No:35102

The Pets Are Dog, Cat and Bird. The Farm Animals a..ALL
Developer User16431｜Date and time 24/1/13 9:45:13
Build time 10.9 sec｜Game capacity 3.148KB｜

Script

Sure! Here's a simple game where you can guess the animal based on the given pictogram. You can play it on a smartphone.

Animal Guessing Game

To use this game, you need to save the provided animal pictograms (`emozi_all/game.png`, `emozi_all/cat.png`, etc.) in the same directory as the HTML file. Each pictogram should be a square image representing the animal.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where you can guess the animal based on the given pictogram. You can play it on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Animal Guessing Game</title>
</head>
<body>
  <div id="game">
    <h1>Animal Guessing Game</h1>
    <div id="question"></div>
    <div id="options"></div>
  </div>

const farmAnimals = [
      { name: "Cow", pictogram: "cow.png" },
      { name: "Pig", pictogram: "pig.png" },
      { name: "Chicken", pictogram: "chicken.png" }
    ];

const wildAnimals = [
      { name: "Elephant", pictogram: "elephant.png" },
      { name: "Lion", pictogram: "lion.png" },
      { name: "Giraffe", pictogram: "giraffe.png" }
    ];

const allAnimals = [...pets, ...farmAnimals, ...wildAnimals];

// Function to randomly select an animal from the given array
    function getRandomAnimal(array) {
      const randomIndex = Math.floor(Math.random() * array.length);
      return array[randomIndex];
    }

// Function to update the question and options with new animal
    function updateQuestion() {
      const animal = getRandomAnimal(allAnimals);

// Update question
      document.getElementById("question").innerHTML = `
        <img src="${animal.pictogram}" alt="${animal.name}">
      `;

// Update options
      let optionsHtml = '';
      [animal, ...getRandomAnimals(2)].forEach(option => {
        optionsHtml += `<button onclick="checkAnswer('${option.name}')">${option.name}</button>`;
      });

document.getElementById("options").innerHTML = optionsHtml;
    }

// Function to check if the clicked option is the correct answer
    function checkAnswer(answer) {
      const questionAnimal = document.getElementById("question").querySelector('img').alt;

if (answer === questionAnimal) {
        alert("Correct answer! You guessed it!");
      } else {
        alert(`Sorry, wrong answer! The correct answer is ${questionAnimal}.`);
      }

updateQuestion();
    }

// Function to randomly select additional animals for options
    function getRandomAnimals(count) {
      const remainingAnimals = allAnimals.filter(animal => {
        const questionAnimal = document.getElementById("question").querySelector('img').alt;
        return animal.name !== questionAnimal;
      });

const randomAnimals = [];
      for (let i = 0; i < count; i++) {
        const randomAnimal = getRandomAnimal(remainingAnimals);
        randomAnimals.push(randomAnimal);
        remainingAnimals.splice(remainingAnimals.indexOf(randomAnimal), 1);
      }

return randomAnimals;
    }

// Start the game by updating the first question
    updateQuestion();
  </script>
</body>
</html>
```

To use this game, you need to save the provided animal pictograms (`dog.png`, `cat.png`, etc.) in the same directory as the HTML file. Each pictogram should be a square image representing the animal.