Workshop › Simon Says Colors › Step 7 of 27

Light a pad

What we are doing

One variable, lit, says which pad is lit (-1 for none). Each pad picks its bright color if it is the lit pad, and its dim color otherwise. Whatever lights a pad later only has to change lit.

```js
let lit = -1 // the pad lit right now, or -1

    ctx.fillStyle = i === lit ? pad.lit : pad.dim
```

What it means

• let makes a variable whose value can change later.
• i === lit ? pad.lit : pad.dim is a short question: if this pad is the lit one, the bright color, otherwise the dim one.

Your turn

1. Under PADS, leave an empty line and write the lit line.
2. In draw, change ctx.fillStyle = pad.dim as shown.

Skills: Game states

← A function that draws Draw again and again →

All steps

1. Get the canvas and the pen
2. A dark board
3. The first pad
4. Two colors for every pad
5. All four pads
6. A function that draws
7. Light a pad
8. Draw again and again
9. The sequence to remember
10. Show the round
11. Light a pad for a while
12. Go dark again
13. The computer shows a pad
14. Show the whole sequence
15. Watch, then your turn
16. Check each press
17. Play with the keyboard
18. Which pad is at a point?
19. Play with the mouse
20. Progress and mistakes
21. A function for a new game
22. Click to retry
23. Light up when pressed
24. Faster and faster
25. Save the best score
26. Show the best score
27. Build it yourself: no dawdling