Word Counter Usage Guide

1. Installation/Run:

• Save the code as an HTML file (e.g., word-counter.html)
• Double-click the file to open it in your web browser

2. Basic Usage:

1. Input Text:
   • Click in the text area box
   • Type/paste your text
   • Or drag-and-drop text from other applications
2. Automatic Counting:
   • Counts update automatically as you type
   • No action needed – just keep typing
3. Manual Update:
   • Use the purple “Update Count” button to:
     • Force refresh counts
     • Recalculate after pasting text

3. Reading Results:

• Word Count: Displayed in the left box
• Character Count: Shown in the right box
• Both update instantly with every keystroke

4. Advanced Features:

• Real-time Tracking: See numbers change as you type/delete
• Smart Word Detection:
  • Ignores extra spaces between words
  • Doesn’t count empty spaces as words
• Full Character Tracking:
  • Counts all characters including spaces
  • Includes punctuation and symbols

5. Reset Tool:

• Clear the text area to reset both counters to 0

6. Design Features:

• Responsive layout works on:
  • Desktop computers
  • Tablets
  • Mobile phones
• Professional dark mode text area
• Visual feedback on text box focus
• Smooth hover effects on button

Requirements:

• Modern web browser (Chrome/Firefox/Safari/Edge)
• JavaScript enabled
• No internet connection required

Note: The counter follows standard linguistic conventions where:

• A “word” = any sequence of characters between spaces
• “Characters” = all visible and invisible (space/enter) characters