Workshop › 2048 › Step 22 of 26

Space to go on

What we are doing

Space (or Enter) goes on: after a game over it starts a new game, after a win it keeps playing.

```js
function next() {
  if (state === 'over') newGame()
  else if (state === 'won') {
    state = 'playing'
    keepPlaying = true
  }
}

document.addEventListener('keydown', (event) => {
  if (event.key === ' ' || event.key === 'Enter') next()
```

What it means

• next does the right thing for the state; while playing it does nothing.
• The key handler calls it for Space (' ') or Enter, and then redraws as for every key.

Your turn

1. Above the keydown listener write next, with an empty line after it.
2. Write the Space/Enter line as the first line of the listener.

Skills: Keyboard and mouse input, Game states

← Win and lose screens Best score →

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