Box Runner

Appearance

Stage 3 — Add the Scoreboard ​

Add a small score and lives panel, save it, then look back at your history with git log.

What You'll Learn ​

  • How to add a new section to an HTML page using a <div> and a class
  • How to style a class in CSS
  • How to read your Git history with git log and git log --oneline

Prerequisites ​

You finished Stage 2. git log --oneline shows two commits.

What Changes ​

  • index.html gets a new <div class="scoreboard"> with "Score: 0" and "Lives: 3".
  • style.css gets a new rule for .scoreboard so the panel stands out visually.
  • One commit saves both edits.

Outcome ​

The page now shows a small white box below the Start Game button with the score and lives. git log --oneline shows three commits — the full history of your project so far.