Workshop › Tic-tac-toe › Step 23 of 33

A function for a fresh round

What we are doing

A new round means putting every piece of state back to its start. We collect that in one function, reset, and the first round starts through it too.

```js
let board
let player
let result // null while playing, then 'X', 'O' or 'draw'

function reset() {
  board = ['', '', '', '', '', '', '', '', '']
  player = 'X'
  result = null
}

reset()
draw()
```

What it means

• The let lines now only declare the names; reset gives them their values.
• reset() at the very bottom of the file sets up the first round, before the first draw().

Your turn

1. Remove the values from the three let lines (let board, let player, let result // ...).
2. Under them, leave an empty line and write reset.
3. At the very bottom, write reset() above draw().

Skills: Game states, Functions

← Light up the winning line Click to play again →

All steps

1. Get the canvas and the pen
2. Paint the board
3. The first grid line
4. Repeat with a loop
5. Finish the grid
6. The board as a list
7. A function that draws
8. Write an X
9. From cell number to position
10. Draw what the board holds
11. A color for each mark
12. Make a move
13. No playing on a taken cell
14. Listen for clicks
15. Which cell was clicked?
16. Clicks on any screen size
17. The eight winning lines
18. Find three in a row
19. Win, draw or go on
20. The round ends
21. Show who won
22. Light up the winning line
23. A function for a fresh round
24. Click to play again
25. A computer that picks a cell
26. The computer answers
27. Rule one: take the center
28. Rule two: win when you can
29. Rule three: block the opponent
30. Score a finished game
31. Look ahead: minimax
32. A computer that never loses
33. Build it yourself: keep score