Add an outline

Challenge 10 of 25

Back to a command that takes a colour. outlineColour sets the edge rather than the fill, and like every pen it reaches only the shapes below it.

Write the line that gives the circle a white outline.

Your code JavaScript

Write the line that gives the circle a white outline.

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 Write It Yourself

Until now the code has been written for you and you filled in the gaps. From here you write whole lines yourself.

Every missing line has a comment above it — a line starting with // — telling you what that line should do. A comment is a note for people: Visuco ignores it completely when the sketch runs, so it can never change the picture.

Everything you need you have already used. Every line has the same shape: a command name, then round brackets holding the numbers or words it needs separated by commas, then a semicolon. circle(200, 200, 150);

If you cannot remember a name, press Reference — every command you have met is listed there with what it does, and clicking one types it in for you.

Mistakes are part of this, and the results panel helps with them. Misspell a command and it names the line and highlights it: "Line 4: shapColour is not defined". Leave a bracket or a quote mark unclosed and it tells you what looks unpaired, though it cannot always say where — in that case check the line you just typed first.

Write one line, press Run, then write the next. That is the whole method, and it is how people who write code for a living do it too.