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

No:38520

108

←

Prev Next

→

Emoji art generator fill in the text and AI would ..ALL
Developer User17401｜Date and time 24/1/25 0:14:37
Build time 13.804 sec｜Game capacity 2.863KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript, enclosed in script tags. This game is a word guessing game where the player needs to guess the word represented by pictograms. It can be played on a smartphone.

Pictogram Guessing Game

🚲🌊👀🌙

This game displays a set of pictograms representing a word. The player needs to guess the word by typing it into the input field and clicking the submit button. If the guessed word matches the current word, a success message is displayed. If not, an incorrect message is shown. After each round, a new word pair is randomly selected, and the process repeats.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Pictogram Guessing Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      
      #image {
        font-size: 3em;
      }
      
      #guessInput {
        padding: 0.5em;
        font-size: 1.2em;
      }
      
      #submitBtn {
        padding: 0.5em 1em;
        font-size: 1em;
        margin-top: 1em;
      }
    </style>
  </head>
  <body>
    <h1>Pictogram Guessing Game</h1>
    <div id="image">🚲🌊👀🌙</div>
    <input type="text" id="guessInput" placeholder="Enter your guess">
    <button id="submitBtn">Submit</button>
    
    <script>
      // Array of pictogram-word pairs
      const wordPairs = [
        { pictograms: "🚲🌊👀🌙", word: "Bicycle" },
        { pictograms: "🍎🥧", word: "Apple Pie" },
        { pictograms: "🌞🛏️", word: "Sunbed" },
        { pictograms: "🌳🏠", word: "Treehouse" }
      ];
      
      // Select a random word pair
      const randomIndex = Math.floor(Math.random() * wordPairs.length);
      const currentWordPair = wordPairs[randomIndex];
      
      const imageDiv = document.getElementById("image");
      const guessInput = document.getElementById("guessInput");
      const submitBtn = document.getElementById("submitBtn");
      
      // Display the pictograms
      imageDiv.textContent = currentWordPair.pictograms;
      
      // Event listener for the submit button
      submitBtn.addEventListener("click", function() {
        const guessedWord = guessInput.value.trim().toLowerCase();
        
        if (guessedWord === currentWordPair.word.toLowerCase()) {
          alert("Congratulations! You guessed it correctly.");
        } else {
          alert("Oops! That's not the correct word. Try again.");
        }
        
        // Reset the input field
        guessInput.value = "";
        
        // Start a new round with a different word pair
        const newRandomIndex = Math.floor(Math.random() * wordPairs.length);
        const newCurrentWordPair = wordPairs[newRandomIndex];
        imageDiv.textContent = newCurrentWordPair.pictograms;
      });
    </script>
  </body>
</html>
```