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,
Einfügemarke im Textarea bewegen und BBCode in einem Textarea einfügen
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<br> Zeilenumbruch
CSS - Texteingabe nur in Großbuchstaben
PHP - Nach einer Zeichenkette in einem Array suchen