AI game creator

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

No:32100

←

Prev Next

→

I need click game
Developer User15347｜Date and time 23/12/29 23:55:13
Build time 18.332 sec｜Game capacity 2.166KB｜

Script

Sure! Here's a simple click game implemented as a single HTML file using JavaScript. The game involves clicking on pictograms to increase the score within a limited time period. The game starts as soon as the page loads.

Time:

Score:

To play the game, simply paste the above code into a new HTML file and open it in a web browser on a smartphone. The game will start automatically and you can score points by clicking on the displayed pictogram within the given time limit. Once the time runs out, the game will end and display your final score.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Click Game</title>
  <style>
    body {
      text-align: center;
      font-size: 48px;
      margin-top: 200px;
    }
  </style>
</head>
<body>
  <script>
    var score = 0;
    var timeLeft = 10;

// Generate a random pictogram to click on
    function generatePictogram() {
      var pictograms = ['🌞', '🌈', '⭐️', '🍕', '🎈'];
      var randomIndex = Math.floor(Math.random() * pictograms.length);
      var pictogram = pictograms[randomIndex];
      document.getElementById('pictogram').textContent = pictogram;
    }

// Start the game
    function startGame() {
      setInterval(function() {
        if (timeLeft > 0) {
          generatePictogram();
          timeLeft--;
          document.getElementById('time').textContent = timeLeft + 's';
        } else {
          endGame();
        }
      }, 1000);
    }

// Increment score on click
    function incrementScore() {
      score++;
      document.getElementById('score').textContent = score;
    }

// End the game and display final score
    function endGame() {
      document.removeEventListener('click', incrementScore);
      document.getElementById('game-over').textContent = 'Game Over! Your score: ' + score;
    }

// Attach click event listener to increment the score
    document.addEventListener('click', incrementScore);

// Start the game when page loads
    window.onload = startGame;
  </script>

<div id="pictogram"></div>
  <div>Time: <span id="time"></span></div>
  <div>Score: <span id="score"></span></div>
  <div id="game-over"></div>
</body>
</html>
```