Web Dev

Code a Click Game with JavaScript

Twenty lines of JavaScript, one button and a timer: your first playable browser game.

Mia 2 September 2026 6 min read

JavaScript is the language that makes web pages react. Buttons, scores and timers all come alive with it.

The page

html

 1<button id="target">Click me!</button>
 2<p>Score: <span id="score">0</span></p>
 3<p>Time: <span id="time">10</span>s</p>

The game logic

javascript

 1let score = 0;
 2let time = 10;
 3
 4const button = document.getElementById("target");
 5
 6button.addEventListener("click", () => {
 7  score += 1;
 8  document.getElementById("score").textContent = score;
 9});
10
11setInterval(() => {
12  time -= 1;
13  document.getElementById("time").textContent = time;
14  if (time <= 0) {
15    button.disabled = true;
16    button.textContent = "Game over!";
17  }
18}, 1000);