← Lessons BUILDER PATH

🎪 Variable Vault

Lesson 12 of 20
🎪
Themed Universe
Circus Code
Variables are labeled boxes — store the show's tickets, flips & stars, then change them to run the circus! 🎪
🎯 Missions Day ✦
…
…
…
● ● ● circus.js JavaScript 

  


  
  

    

      circus ring
      LIVE
    

    

  








  

    

      
🎪 Circus Mission Step 1 of 5

      
…

    

  

  

    
    
    
    
  

  

    💡 Hint: …
  







  

    
🎪 Variable Vault

    
In Lessons 1–3 you changed colours and styled buttons with CSS. Today you meet the most powerful idea in all of coding: the variable. A variable is a labeled box that stores a value — and your program can use and change it. Tonight you're the Ringmaster of the 🎪 Circus! You'll store the show's data in variables and watch the circus ring change live as you edit them.

    

      
🎪 Variable Toolkit

      
var tickets  = 8;   // a number box

      
var juggler  = "Bingo"; // a text box (quotes!)

      
→ change the value → everything that uses it updates!

    

    

      
📦var makes a labeled box: var tickets = 8 stores the number 8 under the name tickets.

      
🔢Numbers need no quotes: var flips = 4. Text needs quotes: var juggler = "Sam".

      
🔄Edit the gold box in the code → the circus ring updates live!

      
🎯Hit ✓ Check when the ring looks right to complete each mission.