JavaScript - Anzahl der Wörter als Fortschrittsbalken anzeigen


<script>

// Anzahl der Wörter als Fortschrittsbalken anzeigen

function words(ID) {
 var 
str event.target.value;
 var 
words str.split(" ");
 
document.getElementById(ID).value words.length;
 
document.getElementById(ID).innerText words.length '%';
}
</
script>

<
label>Fortschrittsbalken: <progress id="output1" value="0" max="100"></progress><br>
<
textarea onInput="words('output1')" cols="35" rows="10"></textarea>
</
label>

Beim HTML-Attribut: max="100" wird die maximale Länge des Fortschrittsbalkens angegeben.
Für jedes weitere Eingabefeld (Textarea) muss eine eigene ID (output1) verwendet werden.

Siehe auch: Zeilen, Wörter und Zeichen in einem Textarea zählen

Bausteine  [Alle Anzeigen]

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

CSS - Regenbogen Text

PHP - Eine Ziffer entfernen

JavaScript - Browser Infos

MySQL - Eintrag in der Tabelle löschen