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

No:18024

Learning with Pibby(Part 2)
Developer User4616｜Date and time 23/9/26 4:43:38
Build time 25.592 sec｜Game capacity 2.559KB｜

Script

Sure! Here's a simple game called "Find the Pictogram" that you can play on a smartphone using pictograms. This game is a continuation of "Learning with Pibby".

Find the Pictogram

To play the game, open the HTML file on your smartphone. You'll see a random pictogram and a set of options below it. Tap on the correct pictogram option to increase your score. If you choose the wrong option, your score resets to 0.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game called "Find the Pictogram" that you can play on a smartphone using pictograms. This game is a continuation of "Learning with Pibby".

```html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Learning with Pibby - Part 2</title>
</head>
<body>
  <h1>Find the Pictogram</h1>
  <div id="game-container">
    <div id="pictogram-container"></div>
    <div id="options-container"></div>
    <div id="result"></div>
  </div>

// Initialize game
    let currentPicto;
    let score = 0;

function initGame() {
      showRandomPictogram();
      showPictogramOptions();
    }

// Show a random pictogram
    function showRandomPictogram() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      currentPicto = pictograms[randomIndex];

const pictogramContainer = document.getElementById("pictogram-container");
      pictogramContainer.innerHTML = currentPicto.pic;
    }

// Show multiple pictogram options
    function showPictogramOptions() {
      const optionsContainer = document.getElementById("options-container");
      optionsContainer.innerHTML = "";

pictograms.forEach(function (picto) {
        const option = document.createElement("div");
        option.classList.add("option");
        option.innerText = picto.pic;

option.addEventListener("click", function () {
          checkAnswer(picto.isCorrect);
        });

optionsContainer.appendChild(option);
      });
    }

// Check if the option clicked is correct or not
    function checkAnswer(isCorrect) {
      const resultContainer = document.getElementById("result");

if (isCorrect) {
        score++;
        resultContainer.innerText = "Correct! Your score: " + score;
      } else {
        score = 0;
        resultContainer.innerText = "Wrong answer! Your score: 0";
      }

showRandomPictogram();
      showPictogramOptions();
    }

// Start the game
    initGame();
  </script>
</body>
</html>

```