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

No:18429

←

Prev Next

→

Peerpg
Developer User8074｜Date and time 23/9/29 9:46:52
Build time 19.098 sec｜Game capacity 1.983KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file using JavaScript and enclosed in script tags. This game can be played on a smartphone and uses pictograms for a better user experience:

Pictogram Game

🌞

🌸

🍕

⚽

🚗

In this game, there are five pictograms displayed on the gameboard. The objective is to click on each pictogram to make it disappear. Once all the pictograms are clicked, a congratulatory message will appear. Feel free to customize or enhance the game as per your preferences.

←

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>
    body {
      text-align: center;
    }
    
    #gameboard {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .pictogram {
      width: 100px;
      height: 100px;
      background-color: lightblue;
      margin: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  <div id="gameboard">
    <div class="pictogram">🌞</div>
    <div class="pictogram">🌸</div>
    <div class="pictogram">🍕</div>
    <div class="pictogram">⚽</div>
    <div class="pictogram">🚗</div>
  </div>

const gameboard = document.getElementById("gameboard");
    const pictogramElements = document.getElementsByClassName("pictogram");

let score = 0;

function handleClick(event) {
      const clickedPictogram = event.target;
      clickedPictogram.classList.add("hidden");

score += 1;
      if (score === pictograms.length) {
        finishGame();
      }
    }

function finishGame() {
      alert("Congratulations! You finished the game!");
    }

for (let i = 0; i < pictogramElements.length; i++) {
      const pictogram = pictogramElements[i];
      pictogram.addEventListener("click", handleClick);
    }
  </script>
</body>
</html>
```