par anonyme 21-Avril-2020

Comment puis-je compter le nombre de lignes d'un textarea en JavaScript ?

1 Réponse

par Blaise 21-Avril-2020

pour compter le nombre de lignes d'un textarea en JavaScript, vous pouvez compter le nombre de sauts de ligne, représentés par \n tout en utilisant la méthode split :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment compter le nombre de lignes d'un textarea en JavaScript ?</title>
</head>
<body>
<textarea id="textarea" rows="5"></textarea>
<button type="button" onclick="nbrLignes()">Compter</button>
<script> 
function nbrLignes(){
var textarea = document.getElementById("textarea");
var nbrLigne = 0;
var lignes = textarea.value.split("\n");
	for (var i = 0; i < lignes.length; i++) {
		if (lignes[i].length > 0) nbrLigne++;
	}
alert('nombre de lignes ' + nbrLigne);
}
</script> 
</body>
</html>
par anonyme 26-Janvier-2022

Après lignes = textarea.value.split('\n'), lignes.length était suffisant pour connaître le nombre de lignes.

par Blaise 26-Janvier-2022

Non pas tout à fait car lignes.length retourne 1 même lorsque le textarea est vide. C'est pour cette raison qu'on utilise cette rustine avec la variable nbrLigne et la boucle for.

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses de l'équipe et d'autres internautes.

2.6k questions

3k réponses

...