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

JavaScript - HTML-Tags in benannte Zeichen umwandeln

MySQL - Alle Einträge nach einem Tag löschen

Suchfunktion
Zu jeder guten Homepage gehört eine Suchfunktion als Service. Hier können Ihre Besucher, nach Inhalten auf Ihrer Homepage suchen. Kostenlose Suchfunktionen auf Basis von PHP gibt es viele im Web. Bei einigen Suchfunktionen wird eine Liste des gesuchten erstellt, was Ihre Besucher auf Ihrer Homepage gesucht haben.