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

The typed letters

What we are doing

What the player types is a string that grows: current. type(key) adds a letter at the end, but only while there are fewer than five. reset() prepares a new game.

```js
let current // the letters typed so far

function reset() {
  current = ''
}

function type(key) {
  if (current.length < 5) current += key
}

reset()
```

What it means

• current holds the letters typed so far; '' is an empty string.
• current.length is how many letters it has; += adds key at the end.
• reset() is called once at the start.

Your turn

1. Under const TOP = 12, leave an empty line and write let current, then reset and type.
2. At the bottom, write reset() above requestAnimationFrame(loop). Press Run.

Skills: Game states, Functions

← Draw again and again Type with the keyboard →

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