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.
<ruby> Ruby Anmerkung
CSS - Blinkende Inhalte mit Keyframes
PHP - Führende Null an eine einzelne Zahl anhängen