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

No:20546

←

Prev Next

→

Night shift
Developer User9091｜Date and time 23/10/10 4:39:33
Build time 13.524 sec｜Game capacity 3.156KB｜

Script

As an AI language model, I can assist you in creating a simple game implemented in a single HTML file, enclosed in script tags and written in JavaScript. Here's an example of a game where you need to guess the correct pictogram based on the given word. You can use it with smartphone operation. Please note that it's a basic template and you can customize it further to add more features or enhance the gameplay.

Pictogram Guessing Game

To use this game, you need to prepare a set of pictogram images (e.g., `emozi_all/game.png`, `emozi_all/tree.png`, `emozi_rabbit.png`, etc.) and update the `pictograms` array with the corresponding word and image properties. Customize the styling and add additional functionality as needed.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
</head>
<body>
  <h1>Pictogram Guessing Game</h1>
  <div id="question-container">
    <img id="pictogram" src="" alt="Pictogram">
    <p id="word"></p>
  </div>
  <div id="options-container">
    <button class="option"></button>
    <button class="option"></button>
    <button class="option"></button>
  </div>
  <div id="message"></div>

let questionIndex = 0;
    let score = 0;

// Initialize game
    function startGame() {
      loadQuestion();
    }

// Load a new question
    function loadQuestion() {
      if (questionIndex < pictograms.length) {
        const question = pictograms[questionIndex];
        document.getElementById("pictogram").src = question.image;
        document.getElementById("word").textContent = question.word;

const options = document.getElementsByClassName("option");
        for (let i = 0; i < options.length; i++) {
          options[i].textContent = getRandomWord();
          options[i].addEventListener("click", answerQuestion);
        }

document.getElementById("message").textContent = "";
      } else {
        endGame();
      }
    }

// Generate a random word for incorrect options
    function getRandomWord() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex].word;
    }

// Process user's answer
    function answerQuestion(event) {
      const userAnswer = event.target.textContent;
      const correctAnswer = pictograms[questionIndex].word;

if (userAnswer === correctAnswer) {
        score++;
        document.getElementById("message").textContent = "Correct!";
      } else {
        document.getElementById("message").textContent = "Incorrect!";
      }

questionIndex++;
      loadQuestion();
    }

// End the game
    function endGame() {
      document.getElementById("question-container").style.display = "none";
      document.getElementById("options-container").style.display = "none";
      document.getElementById("message").textContent = "Game Over! Your score: " + score;
    }

// Start the game when the page loads
    window.onload = startGame;
  </script>
</body>
</html>
```

To use this game, you need to prepare a set of pictogram images (e.g., `sun.png`, `tree.png`, `clock.png`, etc.) and update the `pictograms` array with the corresponding word and image properties. Customize the styling and add additional functionality as needed.