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

No:25433

出現するボタンをできるだけ速くタップしてけす。出現してから消すまでのタイムが短いほどスコアが上がる..ALL
Developer User12457｜Date and time 23/11/21 20:17:50
Build time 104.479 sec｜Game capacity 2.609KB｜

Script

ボタン連打ゲーム

出現するボタンをできるだけ速くタップして消してください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>ボタン連打ゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

h1 {
      margin-top: 50px;
    }

#score {
      display: none;
    }

.game-button {
      width: 80px;
      height: 80px;
      background-color: #1e90ff;
      color: white;
      font-size: 24px;
      border: none;
      border-radius: 10px;
      margin: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>ボタン連打ゲーム</h1>
  <p>出現するボタンをできるだけ速くタップして消してください。</p>
  <button id="start-button" class="game-button">スタート</button>
  <button id="game-button" class="game-button" style="display: none;"></button>
  <p id="timer"></p>
  <p id="score"></p>

var buttonCount = 0;
    var startTime, endTime;
    var gameInProgress = false;

startButton.addEventListener('click', function() {
      startGame();
    });

gameButton.addEventListener('click', function() {
      if (gameInProgress) {
        buttonCount++;
        if (buttonCount < 30) {
          respawnButton();
        } else {
          endGame();
        }
      }
    });

function startGame() {
      startButton.style.display = 'none';
      gameButton.style.display = 'block';
      timer.style.display = 'block';
      startTime = new Date().getTime();
      gameInProgress = true;
      respawnButton();
      updateTimer();
    }

function respawnButton() {
      gameButton.style.top = Math.floor(Math.random() * (window.innerHeight - 100)) + 'px';
      gameButton.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + 'px';
    }

function updateTimer() {
      if (gameInProgress) {
        var currentTime = new Date().getTime();
        var timeElapsed = Math.floor((currentTime - startTime) / 1000);
        timer.innerHTML = 'Time: ' + timeElapsed + 's';
        setTimeout(updateTimer, 1000);
      }
    }

function endGame() {
      gameInProgress = false;
      endTime = new Date().getTime();
      var timeTaken = Math.floor((endTime - startTime) / 1000);
      gameButton.style.display = 'none';
      timer.style.display = 'none';
      score.innerHTML = 'You finished in ' + timeTaken + ' seconds!';
      score.style.display = 'block';
    }
  </script>
</body>
</html>