Workshop › Lunar Lander › Step 27 of 31

A high score

What we are doing

When a game ends with a crash, a score higher than the best is saved in the browser's localStorage, and the best is shown next to the score.

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

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

  ctx.fillText('Level ' + level + '  Score ' + score + '  Best ' + best, canvas.width - 10, 20)
```

What it means

• getItem reads the saved text (or null); Number turns it into a number; || 0 covers the very first game.
• In touchdown, after a crash, a better score is saved with setItem.
• The top-right text shows the best too.

Your turn

1. Above const keys = {} write the best line.
2. In touchdown, under state = 'crashed', write the if (score > best) block.
3. In draw, add + ' Best ' + best to the top-right text.

Skills: Game states

← A narrower pad Burst into pieces →

All steps

1. Random hills
2. Draw the hills
3. A landing pad
4. The height at any x
5. The lander
6. Draw it around its own middle
7. Two feet
8. The game loop
9. Moon gravity
10. Around the sides
11. Flying or not
12. Touching the ground
13. Remember held keys
14. Tilt
15. The engine
16. A flickering flame
17. Fuel
18. Touch controls
19. Landing or crashing
20. Fly again
21. Landed or crashed?
22. Readouts
23. Levels
24. Score
25. Next level or new game
26. A narrower pad
27. A high score
28. Burst into pieces
29. Pieces fall and fade
30. Draw the wreck
31. Build it yourself: wind