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

No:26804

←

Prev Next

→

Song of the Day
Developer Rowdagriff｜Date and time 23/12/2 13:27:40
Build time 67.019 sec｜Game capacity 3.409KB｜

Script

As an AI language model, I can help you create a simple game using JavaScript enclosed in script tags within a single HTML file. Here's an example of a game where you guess the animal based on a pictogram:

Animal Pictogram Game

In the code above, the game displays animal pictograms, and the user needs to enter their guess in the input field. After submitting, the game checks if the guess is correct and notifies the user accordingly. The game continues until all animals have been guessed. The placeholder pictogram images are obtained using a placeholder service. Please note that due to limitations in this text-based environment, the pictogram images may not be displayed accurately. You can replace the image URLs with actual image URLs to see the images correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Animal Pictogram Game</title>
  <style>
    body {
      background-color: #f2f2f2;
      text-align: center;
      font-family: Arial, sans-serif;
      padding: 20px;
    }
    h1 {
      color: #333;
    }
    img {
      width: 150px;
      height: 150px;
      margin-bottom: 10px;
    }
    input[type=text] {
      padding: 10px;
      font-size: 16px;
    }
    button {
      padding: 10px 20px;
      font-size: 16px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
    .message {
      margin-top: 20px;
      font-weight: bold;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>Animal Pictogram Game</h1>
  <img id="animalImg" src="" alt="Pictogram">
  <div class="message" id="message"></div>
  <input type="text" id="guessInput" placeholder="Enter your guess">
  <button id="submitButton">Submit</button>

const animalImg = document.getElementById('animalImg');
    const message = document.getElementById('message');
    const guessInput = document.getElementById('guessInput');
    const submitButton = document.getElementById('submitButton');
    let currentAnimalIndex = 0;

// Function to display a new animal pictogram
    function displayAnimalPictogram() {
      if (currentAnimalIndex < animals.length) {
        animalImg.src = `https://via.placeholder.com/150?text=${animals[currentAnimalIndex].name}`;
        guessInput.value = '';
        message.innerHTML = '';
      } else {
        animalImg.src = '';
        guessInput.disabled = true;
        submitButton.disabled = true;
        message.innerHTML = 'Game Over! You guessed all the animals.';
      }
    }

// Function to handle user guess submission
    function handleGuessSubmit() {
      const userGuess = guessInput.value.toLowerCase().trim();
      if (userGuess === animals[currentAnimalIndex].answer) {
        message.innerHTML = '<span style="color: green;">Correct!</span>';
        currentAnimalIndex++;
        displayAnimalPictogram();
      } else {
        message.innerHTML = '<span style="color: red;">Incorrect. Try again!</span>';
      }
    }

// Event listener for submit button click
    submitButton.addEventListener('click', handleGuessSubmit);

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

Please note that due to limitations in this text-based environment, the pictogram images may not be displayed accurately. You can replace the image URLs with actual image URLs to see the images correctly.