A named box — visuco

Challenge 1 of 12

A variable is a named box holding a value: var x = 5; makes a box called x with 5 inside it, and writing x anywhere afterwards means whatever is in that box. The Lesson button has the whole idea in a few lines.

Set x to the number in the target.

Your code JavaScript

Set x to the number in the target.

Console print() output

0 / 30 frames · 400×400

Target

Yours

Yours over Target — ghosted shapes are in the target but missing from yours

Results

Press Run to check your code

Penalties: none this run

Report this challenge

Lesson Whole Numbers

A variable is a named box that holds a value. You make one like this: var score = 10; The word var says "make a new box", score is the name you chose for it, and 10 is what goes inside.

From then on, writing score anywhere means "whatever is in that box" — here, 10. That is the whole idea, and the rest of this course is built on it.

Why bother, when you could just type 10? Because a box can be used in more than one place. Write score three times and all three show the same number, and changing the one var line changes all three at once. You never have to hunt for every copy.

To see what a variable holds, draw it: write(score, 20, 40); puts the value onto the canvas. It is the same write() you used in Course 1, but with a variable name instead of words in quote marks. No quotes, because you want what is inside the box, not the word score itself — write("score", 20, 40); would draw the five letters s-c-o-r-e.

Names are up to you, but choose ones that say what they hold: score, lives, top. In this topic you will set values, name boxes yourself, and keep several at once.