Workshop › 15 Puzzle › Step 23 of 27

Solved!

What we are doing

A state says whether we are 'playing' or the puzzle is 'solved'. After every move we check; once solved, no more moves are taken.

```js
let state // 'playing' or 'solved'

  state = 'playing'

function move(i) {
  if (state !== 'playing' || slide) return
  // ...
  moves += 1
  if (isSolved()) {
    state = 'solved'
  }
}
```

What it means

• Every new game starts 'playing'.
• move now returns when the game is not being played or a tile is sliding.
• After a move that completes the board, state becomes 'solved'.

Your turn

1. Under let moves write let state ....
2. In reset, under moves = 0, write state = 'playing'.
3. In move, change the first line, and at the end write the if (isSolved()) block. Press Run.

Skills: Game states

← Smooth sliding Show the win →

All steps

1. A board in one list
2. The canvas and the pen
3. Paint the table
4. A function that draws
5. Row and column
6. Where each square is
7. Draw one tile
8. The number on the tile
9. All the tiles
10. Draw again and again
11. The solved board from N
12. Neighbours
13. Slide a tile
14. Click a tile
15. Arrow keys
16. Count the moves
17. Shuffle with real slides
18. Which boards can be solved?
19. Is it solved?
20. Remember the slide
21. Count the frames
22. Smooth sliding
23. Solved!
24. Show the win
25. Play again
26. A record to beat
27. Build it yourself: a timer