Zahleingabe mit Feedbacktabelle

Question

Ich würde gerne die Eingabe eines Zahlenwertes direkt mit ein paar Feedback-Angaben versehen, sodass der Teilnehmer sehen kann, welche Auswirkungen sein angegebener Wert hat.

Also erst stelle ich eine Frage, welche in einer Angabe eines Wertes mündet. Der Teilnehmer soll die Möglichkeit haben mit diesem Wert "herumzuspielen", damit er sich der Konsequenzen seiner Entscheidung bewusst ist.

Wenn er also z.B. 100 eingibt, sollen daneben/darunter in einem Feld angezeigt werden:
Steuern: 40
Strafe: 80
Erfolg: 200
Diese 3 Werte sollen sich passend (nach eigener mathematischer Formel) verändern, wenn der Teilnehmer z.B. 200 statt 100 eingibt. Ist das möglich?

Answer 1

Das ist möglich, erfordert aber ein wenig JavaScript.

Im Prinzip müssen Sie an das Eingabefeld für die Zahl nur einen Event Handler koppeln, der beim Druck einer Taste ("keyup") die Zahl ausließt und das Ergebnis Ihrer Formeln dann in ein HTML-Element schreibt, welches Sie dafür vorbereitet haben.

Für letzters würden Sie eine HTML-Tabelle auf der Seite anlegen (via HTML-Code) und darin einzelne Felder mit einer id versehen, damit Ihr Script den Inhalt ändern kann.