This repository is a mirror of the component module redbadger/word-counter. It has been modified to work with NPM+Browserify. You can install it using the command npm install npmcomponent/redbadger-word-counter. Please do not open issues or send pull requests against this repo. If you have issues with this repo, report it to npmcomponent.

Watch a text field and live update word count

Install with component(1):

$ component install redbadger/word-counter

Word counter gives you a WordCounter object. You create an instance with

  var WordCounter = require('word-counter');

  var counter = new WordCounter("#input-el", ".output-el");

First two parmeters are CSS selectors. First one should match one or more input elements (input or textarea), the second one can select any number of general DOM elements.

WordCounter watches the input elements and whenever the text in them changes, it counts the words in each input, sums them up and outputs the number into the output elements.

If you need a more complex thing, WordCounter accepts a third parameter - a callback that is run with the new count for each one of the output elements and its return value is used as output.

  var WordCounter = require('word-counter');

  var counter = new WordCounter("#input-el", ".output-el", function(count, outEl) { return "You have typed " + count + " words!";} );

MIT