Button Blaster

Click to score points, then spend them on silly upgrades that make every blast worth more. Play it first — then build the blaster with real JavaScript using a variable, an action, and if / then to unlock upgrades.

Play it

Blast the button!

Difficulty:

This is the kind of extra code that powers the level you picked — try reading it!

points

+1 per blast

🛒 Upgrade shop 0 / 5 owned

How the blaster works

A clicker game is built from three small coding ideas working together.

📦Variableremembers your score

👆Actiona click adds points

🔓If / thenunlocks upgrades

let score = 0;
let perClick = 1;

// this runs every time you click BLAST
function blast() {
  score = score + perClick;

  // when you reach 20 points, unlock an upgrade
  if (score >= 20) {
    unlock("Auto-Blaster");
  }
}

Now you code it

Code Lab: build the blaster

You're building the code that runs each time the button is blasted — the inside of the blast() function.

📋 How this Code Lab works

Read the 🎯 Mission goal — it tells you what your code should do.
In Code blocks on the left, click a block to add it to your program on the right. The blocks run top to bottom.
Need to change the order? Drag a block up or down (or use the ↑ ↓ buttons). Tap × to remove one.
Press ▶ Run code, then blast the live button that appears to test what you built.
A green ✅ means you solved it — a Next mission → button shows up. A blue 💡 is a hint to try again.

💡 Tip: score remembers your points, and perClick is how much one blast is worth.

🧱 Code blocks

Click to add to your blast action.

📝 When the button is blasted…

function blast() {

}

0 points

+1 per blast