Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
de:create:questions:text [09.04.2016 15:59] – Korrekturen admin | de:create:questions:text [29.10.2018 20:40] – Code zur Wortzählung admin | ||
---|---|---|---|
Zeile 79: | Zeile 79: | ||
var input = document.getElementById(textID); | var input = document.getElementById(textID); | ||
if (!input) { | if (!input) { | ||
- | alert(" | + | alert(" |
return; | return; | ||
} | } | ||
Zeile 140: | Zeile 140: | ||
Falls Sie für den Textbaustein eine andere Kennung als " | Falls Sie für den Textbaustein eine andere Kennung als " | ||
+ | |||
+ | |||
+ | ==== Wörter zählen ==== | ||
+ | |||
+ | Die Zählung von Wörtern ist ein wenig anspruchsvoller: | ||
+ | |||
+ | Der folgende HTML-/ | ||
+ | |||
+ | Am Ende des Codes muss die Kennung des Texteingabefelds eingetragen werden. | ||
+ | |||
+ | <code javascript> | ||
+ | <!-- Anzeige der Wortanzahl --> | ||
+ | <div style=" | ||
+ | <span id=" | ||
+ | </ | ||
+ | |||
+ | <script type=" | ||
+ | <script type=" | ||
+ | <!-- | ||
+ | |||
+ | function WordCounter(inputID, | ||
+ | var textinput = document.getElementById(inputID); | ||
+ | var textout = document.getElementById(outputID); | ||
+ | |||
+ | // Wörter sind hier definiert als 2+ Buchstaben | ||
+ | var tester = new XRegExp(" | ||
+ | |||
+ | function refresh() { | ||
+ | var text = textinput.value; | ||
+ | var words = XRegExp.match(text, | ||
+ | textout.innerHTML = words.length; | ||
+ | } | ||
+ | |||
+ | textinput.addEventListener(" | ||
+ | refresh(); | ||
+ | } | ||
+ | |||
+ | // Hier die Kennung des Texteingabefelds eintragen | ||
+ | new WordCounter(" | ||
+ | |||
+ | // --> | ||
+ | </ | ||
+ | </ |