Workshop › Wordle-style Word Guess › Step 24 of 26

Keep statistics

What we are doing

Word games live on streaks. Three numbers in one object, { played, won, streak }, are updated and saved in localStorage every time a game ends. Because the end now does more than set state, it moves into finish(result), so both endings go through the same code.

```js
let stats = JSON.parse(localStorage.getItem('word-stats') || '{"played":0,"won":0,"streak":0}')

function finish(result) {
  state = result
  stats.played += 1
  if (result === 'won') {
    stats.won += 1
    stats.streak += 1
  } else {
    stats.streak = 0
  }
  localStorage.setItem('word-stats', JSON.stringify(stats))
}

    if (current === answer) finish('won')
    else if (guesses.length === TRIES) finish('lost')
```

What it means

• localStorage stores only text, so the object is saved as JSON text and read back with JSON.parse. The first time there is nothing saved, and || falls back to a text of zeros.
• A win adds to all three; a loss adds to played and resets the streak.
• type calls finish instead of setting state itself.

Your turn

1. Under let state ..., write the stats line.
2. Under the score function, leave an empty line and write finish.
3. In type, replace the two state = ... with finish('won') and finish('lost'). Press Run.

Skills: Game states

← Keys that remember Show the statistics →

All steps

1. The canvas and the pen
2. Paint the background
3. A function that draws
4. A row of five tiles
5. Six rows
6. Draw again and again
7. The typed letters
8. Type with the keyboard
9. Show the letters
10. Backspace
11. Leave shortcuts alone
12. A secret word
13. Right letter, right place
14. Right letter, wrong place
15. Enter sends the guess
16. Colour the guesses
17. Winning and losing
18. A message line
19. Where the keys go
20. Draw the keyboard
21. Tap a key
22. Enter and Delete keys
23. Keys that remember
24. Keep statistics
25. Show the statistics
26. Build it yourself: only real words