Typing Speed Test

• Display a random passage to type
• Start timer on first keypress
• Highlight correct and incorrect characters in real time
• Show WPM and accuracy on completion

Follow these steps in order. Each one builds on the previous.

1. Step 1

   Store a list of sample passages

2. Step 2

   Display a random passage in the UI

3. Step 3

   Listen for keypress events in the input field

4. Step 4

   Start the timer on the first keypress

5. Step 5

   Compare typed characters to the passage character by character

6. Step 6

   Highlight correct characters green and errors red

7. Step 7

   Stop the timer when the passage is complete

8. Step 8

   Calculate and display WPM and accuracy

• JavaScript timers
• JavaScript string methods
• MDN keyboard events