Workshop › Sokoban › Step 27 of 29

A record for every level

What we are doing

Keep the fewest moves for each level in an object keyed by level number, and save it in localStorage as JSON text so it survives closing the page.

```js
let best = JSON.parse(localStorage.getItem('sokoban-best') || '{}') // fewest moves, per level

  moves += 1
  if (solved() && (best[level] === undefined || moves < best[level])) {
    best[level] = moves
    localStorage.setItem('sokoban-best', JSON.stringify(best))
  }
```

What it means

• localStorage.getItem gives the saved text, or null the first time; || '{}' then uses an empty object's text, and JSON.parse turns it into an object.
• best[level] is the record of this level, undefined until it is solved once.
• After a move that solves the level with no record yet or fewer moves, the record is updated and the whole object saved.

Your turn

1. Under let history write the best line.
2. At the end of move, under moves += 1, write the if block. Press Run.

Skills: Game states

← Restart Show the record →

All steps

1. A level written as text
2. The canvas and the pen
3. The warehouse floor
4. A function that draws
5. A name for every tile
6. Read the walls
7. Draw the walls
8. Center the level
9. The goals
10. The boxes
11. The player
12. Two more levels
13. One step
14. Walk with the arrows
15. Boxes are in the way
16. Push a box
17. A box on a goal turns green
18. Solved!
19. On to the next level
20. Which level?
21. A line at the bottom
22. Count the moves
23. A photo of the game
24. A photo before every move
25. Undo
26. Restart
27. A record for every level
28. Show the record
29. Build it yourself: count the pushes