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

No:45474

←

Prev Next

→

Maker
Developer User19614｜Date and time 24/2/20 19:01:25
Build time 10.808 sec｜Game capacity 2.157KB｜

Script

I have created a simple JavaScript game that can be played on a smartphone. The game involves clicking on pictograms to achieve a target score within a set time limit. Here is the code enclosed in script tags:

Pictogram Game

Click on the pictograms to earn points within the time limit!

Score: 0

Time: 60

You can copy and paste this code into an HTML file and open it on a smartphone browser to play the game. Have fun!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pictogram Game</title>
</head>
<body>
  <h1>Pictogram Game</h1>
  <p>Click on the pictograms to earn points within the time limit!</p>
  
  <div id="score">Score: 0</div>
  <div id="timer">Time: 60</div>
  <div id="game-board">
    
  </div>

// Function to generate random pictograms
    function generatePictogram() {
      const pictograms = ['🔥', '⭐️', '💧', '🌈', '🌟', '🎉'];
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      const pictogram = pictograms[randomIndex];

const pictogramElement = document.createElement('div');
      pictogramElement.innerText = pictogram;
      pictogramElement.classList.add('pictogram');

pictogramElement.addEventListener('click', () => {
        score++;
        scoreDisplay.innerText = `Score: ${score}`;
        gameBoard.removeChild(pictogramElement);
      });

gameBoard.appendChild(pictogramElement);
    }

// Function to update timer and end the game when time runs out
    function updateTimer() {
      if (time > 0) {
        time--;
        timerDisplay.innerText = `Time: ${time}`;
        setTimeout(updateTimer, 1000);
      } else {
        alert(`Game over! Your final score is ${score}`);
        gameBoard.innerHTML = '';
      }
    }

// Start the game
    updateTimer();
    setInterval(generatePictogram, 1000);
  </script>
</body>
</html>
```

You can copy and paste this code into an HTML file and open it on a smartphone browser to play the game. Have fun!