Workshop › Simon Says Colors › Step 25 of 27

Save the best score

What we are doing

The score is the longest sequence you repeated: failing in round 5 means you did round 4, so it is sequence.length - 1. The best score is kept in localStorage, which survives page reloads.

```js
let best = Number(localStorage.getItem('simon-best')) || 0

    state = 'over'
    const score = sequence.length - 1
    if (score > best) {
      best = score
      localStorage.setItem('simon-best', best)
    }
    return
```

What it means

• localStorage.getItem('simon-best') reads the saved text, or null; Number(...) makes it a number and || 0 uses 0 when there is nothing.
• On a mistake, the score is sequence.length - 1; a higher score becomes the best and is saved with setItem.

Your turn

1. Under let litFor, write the best line.
2. In press, inside the wrong-pad block, between state = 'over' and return, write the score lines.

Skills: Game states

← Faster and faster Show the best score →

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