Im von mir geposteten Code steht im else-Zweig in Zeile 70 der Kommentar // eingabe war falsch, mache erstes formular aktiv
. Ergo musst du die Logik hier anpassen, wenn du im Fehlerfall etwas anders haben moechtest.
In Zeile 73 wird das Formular mit der ID firstStep
gesucht, und dem die Klasse gegeben, welche festlegt, dass es angezeigt werden soll. Das muss also weg. Und stattdessen soll die Klasse dem gerade beantwortetem Formular gegeben werden.
Die Referenz auf das gerade beantwortete Formular haben wir bereits genutzt, als wir die Klasse in Zeile 64 weggenommen haben (bzw. auf einen Leerstring gesetzt).
Du solltest also in der Lage sein das Skript selbst soweit umzubauen, dass zumindest der erste Teil deiner neuen Anforderungen erfuellt wird.
Bezueglich der zweiten neuen Anforderung, dem Anzeigen eines Textes falls falsch beantwortet wurde, wuerde ich wie folgt vorgehen:
- Neues Element in jedem Formular mit einer Klasse
hint
und gewuenschtem Inhalt („Das war falsch!“) - Jedem Formular im HTML die Klasse
firstTry
zuweisen - Via CSS das neue Element mit der Klasse
hint
ausblenden, solange das Elternformular die KlassefirstTry
hat - In Zeile 68, in dem das naechste Formular auf aktiv gesetzt wird, ueberschreiben wir im Moment alle Klassen die das Element zuvor hatte. Das war vorher kein Problem, weil keines der Elemente eine Klasse hatte. Nun haben die aber alle die
firstTry
Klasse, d.h. wir duerfen hier nicht einfach ueberschreiben sondern muessen hinzufuegen. Das geht am einfachsten in dem du= 'currentStep';
ersetzt mit+= ' currentStep';
Solltest du beim umsetzen Probleme haben, poste bitte deinen umgebauten Code.