Name picture description of birthday boyblam flumpty bumpty eyesaur grunkfuss Golden flumpty beavowl's game

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

No:29574

114

←

Prev Next

→

Name picture description of birthday boyblam flump..ALL
Developer User12051｜Date and time 23/12/17 13:32:43
Build time 27.592 sec｜Game capacity 3.184KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and incorporating pictograms. The game is about identifying the picture description of various characters. The game assumes smartphone operation.

Score: 0

Name the picture description of this character:

Blam Flumpty Bumpty

Eyesaur

Grunkfuss

Golden Flumpty

Beavowl

In this game, the player needs to guess the correct name of the character shown in the picture. Each time they select an answer, they will receive an alert indicating whether it's correct or wrong, and the score will be updated accordingly. The `loadRandomCharacter` function loads a random character's image from the `characters` array each time a question is displayed. Note: Please make sure to replace the image file names (e.g., 'emozi_cat.png', 'emozi_rabbit.png', etc.) with the actual image file names you have for the characters.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    #game-container {
      text-align: center;
      padding: 20px;
    }
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #question {
      font-size: 20px;
      margin-bottom: 10px;
    }
    #choices {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
    }
    .choice-button {
      padding: 10px;
      font-size: 18px;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="score">Score: 0</div>
    <div id="question">Name the picture description of this character:</div>
    <img id="character-img" src="blam.jpg" width="200" height="200" alt="Blam Flumpty Bumpty">
    <div id="choices">
      <div class="choice-button" onclick="checkAnswer('Blam Flumpty Bumpty')">Blam Flumpty Bumpty</div>
      <div class="choice-button" onclick="checkAnswer('Eyesaur')">Eyesaur</div>
      <div class="choice-button" onclick="checkAnswer('Grunkfuss')">Grunkfuss</div>
      <div class="choice-button" onclick="checkAnswer('Golden Flumpty')">Golden Flumpty</div>
      <div class="choice-button" onclick="checkAnswer('Beavowl')">Beavowl</div>
    </div>
  </div>

let score = 0;
    let currentQuestion = 0;

function loadRandomCharacter() {
      currentQuestion = Math.floor(Math.random() * characters.length);
      const characterImg = document.getElementById('character-img');
      characterImg.src = characters[currentQuestion].imgSrc;
    }

window.onload = function() {
      loadRandomCharacter();
    };
  </script>
</body>
</html>
```

Note: Please make sure to replace the image file names (e.g., 'blam.jpg', 'eyesaur.jpg', etc.) with the actual image file names you have for the characters.