In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

<form name="form1">
<textarea rows="12" id="commentaar" cols="38" wrap="virtual"></textarea><br />
<input type="button" value="Aantal woorden berekenen" onclick="countit()" />
<input type="text" id="telknop" size="20" />
</form>
<script type="text/javascript">
function countit(){
	if (document.getElementById) {
	var formcontent=document.getElementById("commentaar").value;
	formcontent=formcontent.split(" ");
	document.getElementById("telknop").value=formcontent.length;
	}
}
</script>

Hieronder zie je het resultaat van deze code:



Als je één regel hierbij weghaalt, kun je ook het aantal tekens inclusief de spaties tellen. Deze volledige code komt er dan zo uit te zien:

<form name="form1">
<textarea rows="12" id="commentaar" cols="38" wrap="virtual"></textarea><br />
<input type="button" value="Aantal tekens berekenen" onclick="countit()" />
<input type="text" id="telknop" size="20" />
</form>
<script type="text/javascript">
function countit(){
	if (document.getElementById) {
	var formcontent=document.getElementById("commentaar").value;
	document.getElementById("telknop").value=formcontent.length;
	}
}
</script>

Met onderstaand resultaat:



Zoals je kunt zien is de volgende regel weggehaald: formcontent=formcontent.split(" ");. De stringmethode die hier gebruikt wordt is dus split(). In het argument van deze string gebruiken we een spatie. Hiermee zorg je ervoor dat de tekst gesplitst word in afzonderlijke woorden. De eigenschap length in de laatste regel zorgt voor het optellen van de woorden/tekens.