Workshop › Memory › Step 21 of 25

Play again

What we are doing

After a win, a click starts a new game instead of turning a card. newGame reshuffles, so the layout is never the same twice.

```js
canvas.addEventListener('click', (event) => {
  if (won()) {
    newGame()
    return
  }
```

What it means

Your turn

At the top of the click listener, write the if (won()) block.

Skills: Keyboard and mouse input, Game states

All steps

  1. Get the canvas and the pen
  2. The table
  3. One card
  4. A row of cards
  5. Four rows
  6. Every fruit twice
  7. Cards that know themselves
  8. A card's corner
  9. Draw the cards from the list
  10. Draw again and again
  11. The face of a card
  12. A fair shuffle
  13. Which card is at a point?
  14. Click to turn a card
  15. One place for the rules
  16. Two cards at a time
  17. Pair or no pair
  18. Count the moves
  19. Show moves and pairs
  20. All pairs found
  21. Play again
  22. A number that follows
  23. Swap sides halfway
  24. Animate the turn
  25. Build it yourself: your best game