simple-typing-script

A basic typing test script with WPM and accuracy calculator.

Overview

This project contains an interactive HTML+JavaScript typing speed test application. It helps users practice and measure their typing speed, accuracy, and performance.

Features

• Real-time typing test with a sample paragraph
• Automatic timer that starts when you begin typing
• Accuracy calculation - shows correct and incorrect characters
• WPM (Words Per Minute) calculation - measures your typing speed
• Progress indicator - visual feedback as you complete the test
• Detailed results - displays time, WPM, accuracy, and error count
• Responsive design - works on desktop and mobile devices

Usage Instructions

Getting Started

1. Open the typing-test.html file in your web browser
2. Read the sample paragraph displayed in the gray box
3. Click on the text input area and start typing
4. The timer will automatically start when you begin typing
5. Type the entire paragraph as accurately as possible
6. Click the "Submit & Get Results" button to see your statistics
7. Click "Try Again" to restart the test

What You'll See

• Timer: Shows elapsed time in seconds
• Progress Bar: Visual indicator of how much text you've typed
• Real-time Validation: The input box turns green for correct text and red if there are errors
• Results Panel: After submission, displays:
  • Time Taken (in seconds)
  • WPM (Words Per Minute)
  • Accuracy percentage
  • Total characters typed
  • Number of errors

Resources

For more typing practice, visit our recommended resource.

How It Works

• The script compares your typed text with the sample paragraph character by character
• WPM is calculated as: (Total Characters Typed / 5) / Time in Minutes
• Accuracy is calculated as: (Correct Characters / Total Sample Characters) × 100%
• The progress bar fills as you type more of the sample text

Browser Compatibility

Works in all modern browsers that support HTML5 and JavaScript.

License

Open source project - feel free to use and modify!