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

No:17987

←

Prev Next

→

particle
Developer User7861｜Date and time 23/9/25 16:41:54
Build time 30.014 sec｜Game capacity 2.39KB｜

Script

As a programmer, I have implemented a simple game using JavaScript and enclosed it in script tags within a single HTML file. The game is designed for smartphone operation and uses pictograms. You can play it as a finished game by executing the HTML file in a web browser on your smartphone. Here's the code:

Pictogram Game

To play the game: 1. Copy the code and save it as an HTML file (e.g., `game.html`). 2. Transfer the HTML file to your smartphone or open it using a web browser on your smartphone. 3. The game will start automatically, and you will see a pictogram displayed in the center of the screen. 4. Tap on the pictogram to generate a new random pictogram. 5. Keep tapping to see different pictograms from the available list. Note: The game will automatically start with a new pictogram each time you refresh the page.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Here's the code:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pictogram Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      margin-top: 50px;
    }

h1 {
      color: #333;
    }

#game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 50px;
    }

.pictogram {
      font-size: 120px;
      padding: 20px;
      cursor: pointer;
    }

.pictogram:hover {
      background-color: #f5f5f5;
    }

.hidden {
      display: none;
    }
  </style>
</head>
<body>
  <h1>Pictogram Game</h1>
  <div id="game-container">
    <div id="pictogram-container">
      <div id="pictogram" class="pictogram"></div>
    </div>
  </div>

// Get a random pictogram from the array
    function getRandomPictogram() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }

// Show a new random pictogram
    function showNewPictogram() {
      const pictogram = document.getElementById('pictogram');
      pictogram.textContent = getRandomPictogram();
    }

// Attach click event listener to the pictogram
    document.getElementById('pictogram').addEventListener('click', function() {
      showNewPictogram();
    });

// Start the game by showing the first pictogram
    showNewPictogram();
  </script>
</body>
</html>
```

To play the game:
1. Copy the code and save it as an HTML file (e.g., `game.html`).
2. Transfer the HTML file to your smartphone or open it using a web browser on your smartphone.
3. The game will start automatically, and you will see a pictogram displayed in the center of the screen.
4. Tap on the pictogram to generate a new random pictogram.
5. Keep tapping to see different pictograms from the available list.

Note: The game will automatically start with a new pictogram each time you refresh the page.