Workshop › Snake › Step 26 of 28

Remember the best score

What we are doing

The best score should survive closing the page. localStorage keeps small pieces of text in the browser.

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

    if (score > best) {
      best = score
      localStorage.setItem('snake-best', best)
    }

  ctx.fillText('Best: ' + best, 8, 40)
```

What it means

• localStorage.getItem('snake-best') reads the saved text (or null the first time); Number(...) turns it into a number, and || 0 falls back to 0.
• When the game ends with a higher score, we update best and save it with setItem.
• The best score is drawn under the score.

Your turn

1. Under let gameOver write the best line.
2. In update, under gameOver = true, write the if (score > best) block.
3. In draw, under the Score line, write the Best line.

Skills: Game states

← Play again with Space Speed up as you grow →

All steps

1. Find the canvas
2. Get the pen
3. Paint the board
4. Think in cells
5. Keep the position in a variable
6. A function that draws
7. A function that moves
8. The game loop
9. Slow it down
10. A direction to move in
11. Steer with the arrow keys
12. A body made of a list
13. Move the whole body
14. Pick a spot for the food
15. Draw the food
16. Eat and grow
17. Never put food on the snake
18. A table of turns
19. No U-turns
20. Crash into the walls
21. Crash into yourself
22. The game over message
23. Show the score
24. One function that starts a game
25. Play again with Space
26. Remember the best score
27. Speed up as you grow
28. Build it yourself: through the walls