Workshop › Minesweeper › Step 20 of 26

Winning

What we are doing

You win when every cell without a mine is open; flags do not count. The check runs after every reveal. On a win, the remaining mines are flagged automatically to show the solved board.

```js
  if (grid.flat().every((cell) => cell.mine || cell.revealed)) win()
}

function win() {
  state = 'won'
  for (const cell of grid.flat()) if (cell.mine) cell.flagged = true
}

  if (cell.revealed || state === 'won' || state === 'lost') return

  if (state === 'won' || state === 'lost') return
```

What it means

• every is true when the test holds for every cell: each is either a mine or open.
• win sets 'won' and flags every mine.
• toggleFlag and the click listener now also stop after a win.

Your turn

1. At the end of reveal, write the every line.
2. Above function cellAt, write win.
3. Add state === 'won' || to the checks in toggleFlag and in the click listener. Press Run.

Skills: Game states

← Mines left The end and a new game →

All steps

1. A grid of cell objects
2. The canvas and the pen
3. Draw the field
4. Draw every frame
5. Neighbours
6. Mines, but not under the first click
7. Shuffle the candidates
8. Count the mines around
9. Open a cell
10. Open cells look different
11. Coloured numbers
12. Click to open
13. Stepping on a mine
14. Show the mines
15. Flood fill
16. Flags with the right button
17. A flag protects its cell
18. Draw the flags
19. Mines left
20. Winning
21. The end and a new game
22. What time is it?
23. The clock
24. Stop the clock
25. The best time
26. Build it yourself: wrong flags