JS Character Countdown (photo)

@007JulienMar 11.2012 — #The principle of a character counter can be illustrated as follows:

[CODE]<body onload="cntr(document.getElementById('txa').value)">
 [COLOR="Blue"]<!-- HTML - A textarea for inputs and a paragraph to display the results-->[/COLOR]
 <textarea id="txa" onkeyup="cntr(this.value)"></textarea>
 <p id="cnt"></p>
 
 <script type="text/javascript">
 [COLOR="Blue"]// Javascrip - A function called with onkeyup and onload events (see supra)[/COLOR]
 function cntr(txtStr){
 [COLOR="Blue"]// The length of the string[/COLOR]
 var nmbChr=txtStr.length;
 [COLOR="Blue"]// The length of the split array with care of spaces...[/COLOR] 
 var nmbWrd=txtStr.replace(/^s+|s+$/g,'').split(/s+/g).length; 
 document.getElementById('cnt').innerHTML='This text contains '+nmbChr+' character'+(1<nmbChr?'s':'');
 document.getElementById('cnt').innerHTML+='<br>and '+nmbWrd+' word'+(1<nmbWrd?'s':'');
 } 
 </script>
 </body>
 [/CODE]

We remove spaces at the beginning and at the end of the string and split it with one or more spaces to count the words. Then it would be possible to make differences with the maximal character or word numbers...

JS Character Countdown (photo)

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

JS Character Countdown (photo)

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴