Workshop › Minesweeper › Step 13 of 26

Stepping on a mine

What we are doing

Opening a mine loses the game: lose() sets state to 'lost' and opens every mine. After that, clicks do nothing.

```js
  if (start.mine) {
    lose()
    return
  }
  start.revealed = true
}

function lose() {
  state = 'lost'
  for (const cell of grid.flat()) if (cell.mine) cell.revealed = true
}

canvas.addEventListener('click', (event) => {
  if (state === 'lost') return
```

What it means

• In reveal, a mine calls lose() and stops there.
• lose opens every mine cell.
• The click listener ignores clicks once the game is lost.

Your turn

1. In reveal, above start.revealed = true, write the if (start.mine) block.
2. Above function cellAt, write lose and leave an empty line.
3. In the click listener, write the if (state === 'lost') return line at the top. Press Run.

Skills: Game states

← Click to open Show the mines →

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