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

No:10168

253

←

Prev Next

→

Guess the emoji
Developer User4442｜Date and time 23/7/29 5:20:43
Build time 20.373 sec｜Game capacity 3.454KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file with JavaScript, using pictograms as emojis. Please note that this is a basic example and can be expanded upon to create a more complex game.

Guess the Emoji Game

In this example, when you open the HTML file on a smartphone, it will display an emoji (pictogram) in the `emojiContainer` div. You can enter your guess in the `guessInput` text field and click the "Submit" button to check if your guess is correct. The game will display a message indicating if the guess is correct or not. You can then click the "Next Emoji" button to move to the next emoji. The game will loop through all the emojis, and when it reaches the end, it will start again from the beginning.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Guess the Emoji</title>
  </head>
  <body>
    <h1>Guess the Emoji Game</h1>
    
    <div id="emojiContainer">
      <img id="emoji" src="smiley.png" alt="Emoji">
    </div>
    
    <div id="guessContainer">
      <input type="text" id="guessInput" placeholder="Enter your guess">
      <button id="submitGuess">Submit</button>
    </div>
    
    <div id="resultContainer">
      <p id="result"></p>
      <button id="nextEmoji">Next Emoji</button>
    </div>
    
    <script>
      // Array of emojis (pictograms)
      const emojis = [
        { emoji: '😄', name: 'smile', correctGuess: false },
        { emoji: '🍕', name: 'pizza', correctGuess: false },
        { emoji: '🐶', name: 'dog', correctGuess: false },
        { emoji: '🌞', name: 'sun', correctGuess: false },
      ];
      
      let currentEmojiIndex = 0; // Index of the current emoji being displayed
      
      const emojiElement = document.getElementById('emoji');
      const guessInputElement = document.getElementById('guessInput');
      const resultElement = document.getElementById('result');
      const nextEmojiButton = document.getElementById('nextEmoji');
      
      // Start the game
      function startGame() {
        displayEmoji(); // Display the first emoji
      }
      
      // Display the current emoji
      function displayEmoji() {
        const currentEmoji = emojis[currentEmojiIndex];
        emojiElement.src = currentEmoji.emoji;
      }
      
      // Check if the guess is correct
      function checkGuess() {
        const currentEmoji = emojis[currentEmojiIndex];
        const guess = guessInputElement.value.toLowerCase();
        
        if (guess === currentEmoji.name && !currentEmoji.correctGuess) {
          currentEmoji.correctGuess = true;
          resultElement.textContent = 'Correct guess!';
        } else {
          resultElement.textContent = 'Wrong guess!';
        }
        
        guessInputElement.value = ''; // Clear the input field
      }
      
      // Go to the next emoji
      function nextEmoji() {
        currentEmojiIndex++;
        
        if (currentEmojiIndex >= emojis.length) {
          currentEmojiIndex = 0; // Restart the game when all emojis are guessed
        }
        
        displayEmoji();
        resultElement.textContent = '';
      }
      
      // Event listener for submit guess button
      document.getElementById('submitGuess').addEventListener('click', checkGuess);
      
      // Event listener for next emoji button
      nextEmojiButton.addEventListener('click', nextEmoji);
      
      // Start the game when the page loads
      startGame();
    </script>
  </body>
</html>
```