Workshop › 2048 › Step 23 of 26

Best score

What we are doing

The best score is kept in localStorage, which the browser keeps after the page is closed, and shown at the top right.

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

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

  ctx.textAlign = 'right'
  ctx.fillText('Best: ' + best, canvas.width - GAP, TOP / 2)
```

What it means

• getItem reads the saved text or null; Number(...) || 0 makes it a number, 0 the first time.
• After each real move a higher score becomes the new best and is saved with setItem.
• textAlign = 'right' puts the text's right end GAP pixels from the right edge.

Your turn

1. Under let keepPlaying write let best.
2. In move, under addTile(), write the if (score > best) block.
3. In draw, under the Score line, write the two Best lines.

Skills: Game states

← Space to go on Swipes →

All steps

1. The board
2. Sixteen cells
3. A grid of numbers
4. A color for every number
5. Numbers on the tiles
6. Big numbers, smaller text
7. Find the empty cells
8. A new tile
9. Two tiles to start
10. Slide a row
11. Merge equal tiles
12. Move left
13. The arrow key
14. Only real moves count
15. Right is left, reversed
16. Up and down are columns
17. Score
18. Is there a move left?
19. Game over
20. Making 2048
21. Win and lose screens
22. Space to go on
23. Best score
24. Swipes
25. A tap is not a swipe
26. Build it yourself: undo