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

No:9752

101

Ai Text app
Developer User4418｜Date and time 23/7/27 7:48:36
Build time 21.535 sec｜Game capacity 3.159KB｜

Sure, here's a simple game implemented as a single HTML file, enclosed in script tags and using JavaScript. The game is called "Guess the Pictogram". When you run the program in a browser, it will display a pictogram representing an object, and you need to guess the correct word associated with that pictogram by typing it in the input field. Let's get started:

Guess the Pictogram

pictogram

To use this template, you need to replace the `emozi_all/pictogram.png` with your own pictogram images and update the answers in the `pictograms` array. You can add as many pictograms as you want by following the same structure in the array. When the user submits a guess, the game checks if it matches the correct answer for the current pictogram. If the answer is correct, it moves to the next pictogram. If the answer is wrong, it prompts the user to try again. Once all the pictograms have been guessed correctly, a congratulatory message is displayed indicating that the game is finished. Note: The images (`emozi_all/pictogram.png`, etc.) used in this example should be replaced with your own pictogram images for the game to work properly.

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

Sure, here's a simple game implemented as a single HTML file, enclosed in script tags and using JavaScript. The game is called "Guess the Pictogram". When you run the program in a browser, it will display a pictogram representing an object, and you need to guess the correct word associated with that pictogram by typing it in the input field. Let's get started:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Guess the Pictogram</title>
  </head>
  <body>
    <h1>Guess the Pictogram</h1>
    <img id="pictogram" src="pictogram.png" alt="pictogram">
    <input id="guessInput" type="text" placeholder="Enter your guess">
    <button id="submitBtn">Submit</button>
    <p id="result"></p>

<script>
      // Pictogram data (replace the image source and answer with your own pictograms)
      var pictograms = [
        { src: 'pictogram_1.png', answer: 'dog' },
        { src: 'pictogram_2.png', answer: 'cat' },
        { src: 'pictogram_3.png', answer: 'tree' }
      ];

var currentPictogramIndex = 0;
      var currentPictogram = pictograms[currentPictogramIndex];

// Display initial pictogram
      document.getElementById('pictogram').src = currentPictogram.src;

// Handle guess submission
      document.getElementById('submitBtn').addEventListener('click', function() {
        var guess = document.getElementById('guessInput').value.toLowerCase();
        if (guess === currentPictogram.answer) {
          document.getElementById('result').textContent = 'Correct!';
          // Move to the next pictogram
          currentPictogramIndex++;
          if (currentPictogramIndex === pictograms.length) {
            // End of the game
            document.getElementById('pictogram').style.display = 'none';
            document.getElementById('guessInput').style.display = 'none';
            document.getElementById('submitBtn').style.display = 'none';
            document.getElementById('result').textContent = 'Congratulations! You finished the game.';
          } else {
            // Continue to the next pictogram
            currentPictogram = pictograms[currentPictogramIndex];
            document.getElementById('pictogram').src = currentPictogram.src;
            document.getElementById('guessInput').value = '';
          }
        } else {
          document.getElementById('result').textContent = 'Wrong! Try again.';
        }
      });
    </script>
  </body>
</html>
```

To use this template, you need to replace the `pictogram.png` with your own pictogram images and update the answers in the `pictograms` array. You can add as many pictograms as you want by following the same structure in the array.

When the user submits a guess, the game checks if it matches the correct answer for the current pictogram. If the answer is correct, it moves to the next pictogram. If the answer is wrong, it prompts the user to try again.

Once all the pictograms have been guessed correctly, a congratulatory message is displayed indicating that the game is finished.

Note: The images (`pictogram.png`, etc.) used in this example should be replaced with your own pictogram images for the game to work properly.