Live
<div> <label for="w3review">Enter Text:</label> <br/> <textarea onChange="" id="description" name="description" rows="10" cols="70"></textarea> <div id="countText">Total words: 0</div></div>
Live
xxxxxxxxxx3
* { font-family: monospace;}
Live
x
const textArea = document.getElementById('description');textArea.addEventListener('input', () => { var textLn = textArea.value; document.getElementById('countText').innerHTML='Total words: '+getWordCount(textLn);});function getWordCount(str) { return str.trim().split(/\s+/).length;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.