Variables — let and const
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version.
A variable is a named box
- A variable stores a value and gives it a name, so you can use it again later.
letmakes a box you can change.constmakes a box that must stay the same (a constant).
let age = 15; // a value that may change
const name = "Ada"; // a value that won't
console.log(name, age); // → Ada 15
Change a let with a new value
- Assign again —
count = count + 1— to update alet. count++is a handy shortcut for "add 1 tocount".
let count = 0;
count = count + 1;
count++;
console.log(count); // → 2
Explore
Watch the boxes change
A variable is a named box. let can be changed; const stays fixed.
Watch out
- A
constcannot be reassigned:const x = 1; x = 2;throws an error. - Good habit: use
constby default, and reach forletonly when the value truly changes.
Common mistakes
- Use
constfor values that never change,letfor those that do. - Declare a variable before you use it.
Now you try
- Use
letorconstto store values. - Press Check answer to test it.
Store the text Cairo in a const called city, then log city.
Click Run to see the output here.
let w = 4 and let h = 3 are the width and height. Work out the area (w * h) and log it (it is 12).
Click Run to see the output here.
Make a let total = 10, add 5 to it, then log total (it is 15).
Click Run to see the output here.