Your game HUD — visuco

Challenge 12 of 12

The capstone: a game display with three boxes feeding it, and by now none of it should be a surprise. Next topic these boxes start doing arithmetic — a box can hold the answer to a sum instead of a number you typed in.

Set all three.

Your code JavaScript

Set all three.

Console print() output

0 / 30 frames · 400×400

Target

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.