Comment compter le nombre de mots en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-02-25 18:23:20

Question

Comment compter le nombre de mots d'un champ texte du type <textarea> en JavaScript ?

Réponse

Pour compter le nombre de mots d'un champ texte du type <textarea>, on peut compter le nombre d'espaces entre les mots. Pour cela on utilise la méthode split() et la propriété length.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment compter le nombre de mots en JavaScript ?</title>
</head>
<body>
<textarea id="textarea" oninput="compterMot()" rows="10" cols="50"></textarea>
<br>
<p>Nombre de mots: <span id="afficher">0</span></p>
<script> 
function compterMot() { 
var mots = document.getElementById("textarea").value; 
var nombre = 0; 
var split = mots.split(' '); 
for (var i = 0; i < split.length; i++)
{ 
if (split[i] != "") 
{ 
nombre += 1; 
} 
} 
document.getElementById("afficher").innerHTML = nombre; 
} 
</script> 
</body>
</html>

Démo dans le Bac à codes.