A game with click counter and 20 seconds and speed results's game | AI game creator

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

No:13856

161

A game with click counter and 20 seconds and speed..ALL
Developer User6030｜Date and time 23/8/30 5:23:41
Build time 9.518 sec｜Game capacity 1.486KB｜

0

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Click Counter Game</title>
</head>
<body>

<div id="timer"></div>
  <div id="score">0</div>
  <button id="clickBtn" onclick="incrementScore()">Click Me!</button>

<script>
    var score = 0;
    var clickBtn = document.getElementById("clickBtn");
    var timerDiv = document.getElementById("timer");
    var scoreDiv = document.getElementById("score");
    var startTimer, endTimer, time, result;

clickBtn.style.display = "none";
    scoreDiv.innerHTML = "0";

function startGame() {
      clickBtn.style.display = "inline-block";
      scoreDiv.innerHTML = "0";
      score = 0;
      startTimer = new Date().getTime();
      endTimer = startTimer + 20000; // 20 seconds
      countdown();
    }
    
    function countdown() {
      var now = new Date().getTime();
      if (now < endTimer) {
        time = Math.floor((endTimer - now) / 1000);
        timerDiv.innerHTML = "<h3>" + time + "</h3>";
        setTimeout(countdown, 1000);
      } else {
        clickBtn.style.display = "none";
        result = calculateResult();
        timerDiv.innerHTML = "<h3>Time's up!</h3><p>Your result: " + result + " clicks per second</p>";
      }
    }
    
    function calculateResult() {
      var elapsedSeconds = (endTimer - startTimer) / 1000;
      return Math.round(score / elapsedSeconds);
    }

function incrementScore() {
      score++;
      scoreDiv.innerHTML = score;
    }

startGame();
  </script>

</body>
</html>