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

Show the statistics

What we are doing

While playing, the message line shows the statistics: Played 12 Won 83% Streak 4. The win rate is worked out from won and played, rounded, and 0% before any game.

```js
const rate = stats.played ? Math.round((100 * stats.won) / stats.played) : 0
let message = 'Played ' + stats.played + '  Won ' + rate + '%  Streak ' + stats.streak
```

What it means

• stats.played ? ... : 0 avoids dividing by zero before the first game.
• Math.round rounds to the nearest whole number: 2 of 3 is 66.7, shown as 67.
• The end-of-game messages still replace this line.

Your turn

In draw, replace the let message = 'Guess the five-letter word' line with the two lines. Press Run.

Skills: Drawing on a canvas

← Keep statistics Build it yourself: only real words →

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