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

No:43258

A game where you have to tap the dots to make them..ALL
Developer User19162｜Date and time 24/2/15 4:44:05
Build time 10.639 sec｜Game capacity 3.038KB｜

Script

Sure! Here's a implementation of the game you described using HTML, CSS, and JavaScript:

Tap the Dots

Score: 0

To play the game, simply save the code as an HTML file and open it in a web browser on your smartphone. The game will start automatically, and you have to tap on the dots as fast as you can within 60 seconds. Each dot you tap will give you 1000 points, and your score will be displayed on the scoreboard. The remaining time will also be shown on the screen, and when the time runs out, a "Game Over" message will be displayed. You can customize the styling of the game by modifying the CSS code.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a implementation of the game you described using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    /* Styling for the game */
    body {
      background-color: #f0f0f0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      color: #333;
    }
    
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid #333;
      display: flex;
      flex-wrap: wrap;
    }
    
    .dot {
      width: 50px;
      height: 50px;
      background-color: #333;
      margin: 5px;
      cursor: pointer;
      display: none;
    }
    
    #score-board {
      margin-top: 20px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>Tap the Dots</h1>
  <div id="game-board"></div>
  <div id="score-board">Score: 0</div>

// Function to start the game
    function startGame() {
      // Reset values
      score = 0;
      totalTime = 60;

// Update score and timer display
      document.getElementById('score-board').textContent = 'Score: ' + score;
      document.getElementById('timer').textContent = 'Time Left: ' + totalTime + 's';

// Show dots on the game board
      var gameBoard = document.getElementById('game-board');
      gameBoard.innerHTML = '';

for (var i = 0; i < 9; i++) {
        var dot = document.createElement('div');
        dot.className = 'dot';
        dot.addEventListener('click', removeDot);
        gameBoard.appendChild(dot);
      }

// Start the countdown timer
      timer = setInterval(updateTimer, 1000);
    }

// Function to update the timer
    function updateTimer() {
      totalTime--;
      document.getElementById('timer').textContent = 'Time Left: ' + totalTime + 's';

if (totalTime === 0) {
        endGame();
      }
    }

// Function to remove a dot and increase score
    function removeDot() {
      this.style.display = 'none';
      score += 1000;
      document.getElementById('score-board').textContent = 'Score: ' + score;
    }

// Function to end the game
    function endGame() {
      // Stop the timer
      clearInterval(timer);

// Show game over message
      document.getElementById('timer').textContent = 'Game Over!';
    }

// Start the game initially
    startGame();
  </script>
</body>
</html>
```

Each dot you tap will give you 1000 points, and your score will be displayed on the scoreboard. The remaining time will also be shown on the screen, and when the time runs out, a "Game Over" message will be displayed.

You can customize the styling of the game by modifying the CSS code.