Workshop › Simon Says Colors › Step 22 of 27

Click to retry

What we are doing

When the game is over, a click, or Space, starts a new game with reset.

```js
canvas.addEventListener('pointerdown', (event) => {
  if (state === 'over') {
    reset()
    return
  }

  if (event.key === ' ' && state === 'over') {
    event.preventDefault()
    reset()
  }
```

What it means

• After game over, a click resets and return stops it from also pressing a pad.
• Space resets too. && means "and". preventDefault() stops Space from scrolling the page.

Your turn

1. At the top of the pointerdown listener, write the if (state === 'over') block.
2. At the end of the keydown listener, write the Space block.

Skills: Keyboard and mouse input, Game states

← A function for a new game Light up when pressed →

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