JavaScript - Zeilen, Wörter und Zeichen in einem Textarea zählen



<script>

// Zeilen, Wörter und Zeichen in einem Textarea zählen
window.addEventListener("DOMContentLoaded", counter);
function 
counter() {
 var 
str = document.getElementById("inhalt").value;
 var 
zeilen = 0;
 var 
pos = 0;
 while (
pos !== -1) {
  
zeilen++;
  
pos = str.indexOf("\n", pos + 1);
 }
 var 
wort = str.split(" ");
 
document.getElementById("zeichen").innerText = "Zeilen: " + zeilen +  " Wörter: " + wort.length  + " Zeichen: " + (str.length + 1);
}
</
script>

<
span id="zeichen"></span><br>
<
textarea id="inhalt" rows="7" cols="65" onInput="counter()">
 Viel Text!
</textarea>

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Aufzählungslisten einfärben

PHP - Suche nach Übereinstimmungen mit regulärem Ausdruck

JavaScript - Eine Gruppe von Bildern markieren

MySQL - Mit mehreren Begriffen gleichzeitig suchen