Freie Texteingabe: Wordcount für die Teilnehmer anzeigen

Question

Hallo,

in meinem Fragebogen müssen die Teilnehmer in einer freien Texteingabe zwischen 400 und 600 Wörter eingeben.

Ich möchte, dass die Teilnehmer "live" sehen können, wie viele Wörter sie bereits getippt haben (genaue Anzahl).

Ein Wort ist hierbei definiert als mindestens zwei zusammenhängende Zeichen.

Vielen Dank!

Answer 1

Sie benötigen erst einmal einen Text im Fragebogen, wo die Wort-Anzahl erscheinen soll:

<div>Der Text umfasst aktuell <span id="wordcount">-</span> Wörter.</p>

Und dann benötigen Sie ein wenig JavaScript, um das mit Leben zu füllen. Angenommen, Ihr Textfeld hat die Kennung/HTML-ID TX01_01, dann könnte dieser Code - platzieren als HTML-Code unter der Frage und dem obigen Text - etwa wie folgt aussehen:

<script type="text/javascript">
<!--

var textInput = document.getElementById("TX01_01");

function updateWordCount() {
  var content = textInput.value;
  var words = (content.match(/[a-zA-Z\x7f-\xff]{2,}/g) || []).length;
  document.getElementById("wordcount").innerHTML = String(words);
}

updateWordCount();
SoSciTools.attachEvent(textInput, "keyup", updateWordCount);

// -->
</script>

Comments

Vielen Dank für die schnelle Antwort! Die Lösung funktioniert sehr gut.