par

Comment faire pour afficher le nombre de mots et de caractères d'un <textarea> ?

1 Réponse

+1 validé
par
 
Meilleure réponse

Pour compter et afficher le nombre de caractères et de mots d'un <textarea>, vous pouvez créer un fonction JavaScript.

Pour compter le nombre de caractères, on utilise la fonction lenght ; et pour compter le nombre de mots on utilise les fonctions trim et split

Voici comment compter et afficher le nombre de mots et de caractères d'un textarea :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment compter le nombre de mots et de caractères d'un textarea ?</title>
</head>
<body>
<textarea id="textarea"></textarea>
<br>
<span id="mots">0</span> mots et <span id="caracteres">0</span> Caractères
<script>
let textarea = document.getElementById('textarea');
let caracteres = document.getElementById('caracteres');
let mots = document.getElementById('mots');

textarea.addEventListener('input', function () {
  let contenu = this.value;
  caracteres.textContent = contenu.length;
  contenu.trim();
  let wordList = contenu.split(/\s/);

  let nbr_mots = wordList.filter(function (element) {
    return element != "";
  });
  
  mots.textContent = nbr_mots.length;
});
</script>
</body>
</html>

Lectures Informatique Recommandées

meilleurs livres informatique

Suggéré par Google

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...