Workshop › Simon Says Colors › Step 15 of 27

Watch, then your turn

What we are doing

The top right says what is happening: Watch... while the computer shows the sequence, Your turn when the player should repeat it.

```js
ctx.textAlign = 'right'
ctx.fillText(state === 'showing' ? 'Watch...' : 'Your turn', canvas.width - 10, 27)
```

What it means

• textAlign = 'right' makes x the right edge of the text, so it ends 10 pixels from the right side.
• The short question picks the message from the state.

Your turn

In draw, under the Round line, write the two new lines.

Skills: Drawing on a canvas, Game states

← Show the whole sequence Check each press →

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