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

No:34751

Élő chat fal én streamelek itt vannak az emberek
Developer User16254｜Date and time 24/1/11 13:52:17
Build time 14.926 sec｜Game capacity 3.985KB｜

Script

To create a game using JavaScript enclosed in HTML script tags and with pictograms, you can implement a simple "Guess the Emoji" game. The game will display an emoji representing a word, and the player needs to guess the word by selecting from multiple options. Here's an example implementation:

Guess the Emoji Game

In the example above, you can add more emoji words and their corresponding options in the `emojiWords` array. The game will randomly display an emoji word, and the player needs to select the correct word from the options given. The score will be displayed, and the game will move to the next emoji word automatically after a brief delay. Once all emoji words are guessed, the game will show the final score and restart.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Guess the Emoji Game</title>
    <style>
      body {
        text-align: center;
        font-size: 24px;
        margin-top: 100px;
      }
      
      .emoji-option {
        display: inline-block;
        padding: 20px;
        cursor: pointer;
        margin: 10px;
      }
      
      #result {
        margin-top: 20px;
        font-weight: bold;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Guess the Emoji Game</h1>
    
    <div id="emoji"></div>
    
    <div id="options">
      <div class="emoji-option"></div>
      <div class="emoji-option"></div>
      <div class="emoji-option"></div>
      <div class="emoji-option"></div>
    </div>
    
    <div id="result"></div>
    
    <script>
      // Array of emoji words and their corresponding options
      var emojiWords = [
        { emoji: "", options: ["", "", "", ""], answer: "" },
        { emoji: "", options: ["", "", "", ""], answer: "" },
        // Add more emoji words here
      ];
      
      // Current emoji word index and score
      var currentIndex = 0;
      var score = 0;
      
      // Function to update the display with the next emoji word
      function updateDisplay() {
        var emojiDiv = document.getElementById("emoji");
        var optionsDiv = document.getElementById("options");
        var resultDiv = document.getElementById("result");
        
        // Clear previous options
        optionsDiv.innerHTML = "";
        
        // Display the current emoji
        emojiDiv.textContent = emojiWords[currentIndex].emoji;
        
        // Display the options
        for (var i = 0; i < emojiWords[currentIndex].options.length; i++) {
          var option = emojiWords[currentIndex].options[i];
          var optionDiv = document.createElement("div");
          optionDiv.classList.add("emoji-option");
          optionDiv.textContent = option;
          optionDiv.addEventListener("click", handleOptionClick);
          optionsDiv.appendChild(optionDiv);
        }
        
        // Display the score
        resultDiv.textContent = "Score: " + score;
      }
      
      // Function to handle the option click event
      function handleOptionClick(event) {
        var selectedOption = event.target;
        var answer = emojiWords[currentIndex].answer;
        var resultDiv = document.getElementById("result");
        
        // Check if the selected option is the correct answer
        if (selectedOption.textContent === answer) {
          score += 1;
          resultDiv.textContent = "Correct!";
        } else {
          resultDiv.textContent = "Wrong!";
        }
        
        // Move to the next emoji word
        currentIndex += 1;
        if (currentIndex >= emojiWords.length) {
          // Show game over when all emoji words are guessed
          resultDiv.textContent = "Game Over! Final Score: " + score;
          currentIndex = 0; // Restart game
          score = 0;
        } else {
          // Update the display with the next emoji word
          setTimeout(updateDisplay, 1000);
        }
      }
      
      // Start the game by updating the display with the first emoji word
      updateDisplay();
    </script>
  </body>
</html>
```