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

No:27783

←

Prev Next

→

Chat ai
Developer User13833｜Date and time 23/12/9 1:48:04
Build time 29.584 sec｜Game capacity 2.856KB｜

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 smartphone game where you need to guess the correct pictogram based on the given description. Once the game is finished, it will display the score.

Pictogram Game

To play the game: 1. Save the code above in a file with the extension `.html`, for example, `game.html`. 2. Open the file in a web browser (preferably Google Chrome). 3. The game will start automatically, and you can play by typing your answer in the input field and clicking the Submit button. 4. The game will continue until you have played through all the game data, and it will display your final score. Note: You can add more game data by adding new objects to the `gameData` array, following the same pattern. For example:

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <h1>Pictogram Game</h1>
  
  <div id="description"></div>
  <div id="pictogram"></div>
  <input type="text" id="input" />
  <button id="submit">Submit</button>
  
  <script>
    // Game data
    var gameData = [
      { description: "Sleeping", pictogram: "💤" },
      { description: "Eating", pictogram: "🍔" },
      { description: "Reading", pictogram: "📚" },
      // Add more game data as needed...
    ];
    
    var score = 0;
    var currentIndex = 0;
    
    var descriptionElement = document.getElementById("description");
    var pictogramElement = document.getElementById("pictogram");
    var inputElement = document.getElementById("input");
    var submitButton = document.getElementById("submit");
    
    // Function to start the game
    function startGame() {
      if (currentIndex >= gameData.length) {
        finishGame();
        return;
      }
      
      var currentGame = gameData[currentIndex];
      
      descriptionElement.textContent = currentGame.description;
      pictogramElement.textContent = currentGame.pictogram;

inputElement.value = "";
      inputElement.focus();
      
      submitButton.addEventListener("click", checkAnswer);
    }
    
    // Function to check the answer
    function checkAnswer() {
      var currentGame = gameData[currentIndex];
      var answer = inputElement.value.toLowerCase();
      
      if (answer === currentGame.description.toLowerCase()) {
        score++;
        currentIndex++;
        startGame();
      } else {
        finishGame();
      }
    }
    
    // Function to finish the game
    function finishGame() {
      descriptionElement.textContent = "Game Over!";
      pictogramElement.textContent = "Your Score: " + score;
      
      inputElement.disabled = true;
      submitButton.disabled = true;
    }
    
    // Start the game
    startGame();
  </script>
</body>
</html>
```

To play the game:
1. Save the code above in a file with the extension `.html`, for example, `game.html`.
2. Open the file in a web browser (preferably Google Chrome).
3. The game will start automatically, and you can play by typing your answer in the input field and clicking the Submit button.
4. The game will continue until you have played through all the game data, and it will display your final score.

Note: You can add more game data by adding new objects to the `gameData` array, following the same pattern. For example:

```javascript
{ description: "Crying", pictogram: "😢" }
```