reaction time game:when it turns green we must click it with short time or we lose's game

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

No:49615

←

Prev Next

→

reaction time game:when it turns green we must cli..ALL
Developer User21097｜Date and time 24/3/5 20:52:06
Build time 5.462 sec｜Game capacity 1.102KB｜

Script

Click to Start

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Reaction Time Game</title>
</head>
<body>
  <div id="container" style="text-align:center; padding-top:20%;">
  <p id="text">Click to Start</p>
  <button onclick="startGame()">Start</button>
  </div>
  <script>
    var clicked = false;
    var startTime, endTime, reactionTime;
    
    function startGame(){
      var container = document.getElementById("container");
      container.innerHTML = "<div id='box' style='background-color:red; width:100px; height:100px; margin:0 auto;' onclick='changeColor()'></div>";
      startTime = Date.now();
    }
    
    function changeColor(){
      if(!clicked){
        endTime = Date.now();
        reactionTime = (endTime - startTime) / 1000;
        
        var box = document.getElementById("box");
        box.style.backgroundColor = "green";
        box.innerHTML = "Click!";
        document.getElementById("text").innerHTML = "Your reaction time: " + reactionTime + " seconds";
        
        clicked = true;
      }
      else{
        location.reload();
      }
    }
  </script>
</body>
</html>
```