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

No:37364

←

Prev Next

→

Generate a fun thing
Developer User17064｜Date and time 24/1/21 2:36:23
Build time 9.204 sec｜Game capacity 2.522KB｜

Script

Sure! Here is a simple game that you can play on a smartphone using pictograms. The game is called "Guess the Pictogram".

Guess the Pictogram

To use this game, save the code in a file with an `.html` extension, open it in a web browser on your smartphone, and start guessing the pictograms by typing your answer in the input field and clicking the "Submit" button. Note: This is a basic implementation just to give you an idea of how a simple game could be made using pictograms in HTML and JavaScript. You can customize and enhance it further based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here is a simple game that you can play on a smartphone using pictograms. The game is called "Guess the Pictogram".

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Guess the Pictogram</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      
      img {
        width: 200px;
        height: 200px;
      }
    </style>
  </head>
  <body>
    <h1>Guess the Pictogram</h1>
    <img id="pictogram" src="" alt="Pictogram">
    <br>
    <input type="text" id="guessInput">
    <button onclick="checkGuess()">Submit</button>
    <br>
    <p id="results"></p>
    
    <script>
      const pictograms = [
        { image: 'pictogram1.png', answer: 'cat' },
        { image: 'pictogram2.png', answer: 'banana' },
        { image: 'pictogram3.png', answer: 'sun' },
        { image: 'pictogram4.png', answer: 'tree' },
        { image: 'pictogram5.png', answer: 'car' },
      ];
      
      let currentPictogramIndex = 0;
      let currentPictogram = pictograms[currentPictogramIndex];
      let results = document.getElementById('results');
      let guessInput = document.getElementById('guessInput');
      
      function displayPictogram() {
        let pictogramImage = document.getElementById('pictogram');
        pictogramImage.setAttribute('src', currentPictogram.image);
      }
      
      function checkGuess() {
        let userGuess = guessInput.value.toLowerCase();
        if (userGuess === currentPictogram.answer) {
          results.textContent = 'Correct! Next pictogram coming up...';
          guessInput.value = '';
          currentPictogramIndex++;
          if (currentPictogramIndex >= pictograms.length) {
            results.textContent = 'Congratulations! You guessed all the pictograms!';
          } else {
            currentPictogram = pictograms[currentPictogramIndex];
            displayPictogram();
          }
        } else {
          results.textContent = 'Incorrect. Try again!';
        }
      }
      
      displayPictogram();
    </script>
  </body>
</html>
```

Note: This is a basic implementation just to give you an idea of how a simple game could be made using pictograms in HTML and JavaScript. You can customize and enhance it further based on your requirements and preferences.