Auswahl nach Beendigung eines Quiz' löschen

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo!
Meine Kenntnisse in JavaScript sind sehr gering. Ich habe eine Internetseite für Kinder erstellt, auf der ein Multiple-Choice-Quiz mit Radiobuttons zu finden ist. Jede Quizfrage liegt in einem Layer - mit Klick auf einen Pfeil geht´s zur nächsten Frage.
Das Quiz soll ca. 10 Fragen enthalten, jede Frage hat drei Antwortmöglichkeiten.

Mein erstes Problem:
Wenn man das Quiz beendet und dann anschließend nochmal das Quiz startet, sind die vorher ausgewählten Antworten noch sichtbar. Durch welche Funktion kann ich das ausschalten?

Zweites Problem:
Unabhängig davon, ob man eine Antwort auswählt, ob man richtig oder falsch liegt, kann man durch Klick auf den Pfeil zur nächsten Frage kommen. Ich würde es gern so machen, dass dann die Aufforderung auftaucht, dass man nur durch eine Auwahl zur nächsten Frage kommt.

Meine Vermutung ist, dass das über die If then-Fkt. funktioniert, aber ich weiß nicht, wie man das angeben soll.

Habt ihr einen Vorschlag? Ich wäre euch sehr dankbar!

#2

Hallo

Mein erstes Problem:
Wenn man das Quiz beendet und dann anschließend nochmal das
Quiz startet, sind die vorher ausgewählten Antworten noch
sichtbar. Durch welche Funktion kann ich das ausschalten?

document.FormularName.reset()
dadurch werden alle Felder zurückgesetzt

Zweites Problem:
Unabhängig davon, ob man eine Antwort auswählt, ob man richtig
oder falsch liegt, kann man durch Klick auf den Pfeil zur
nächsten Frage kommen. Ich würde es gern so machen, dass dann
die Aufforderung auftaucht, dass man nur durch eine Auwahl zur
nächsten Frage kommt.

Meine Vermutung ist, dass das über die If then-Fkt.
funktioniert, aber ich weiß nicht, wie man das angeben soll.

if ist keine Funktion, sondern eine Bedingung, mit der dann eine Anweisung ausgeführt wird wenn diese true ist.

Du hast eine Auswahlliste (select), willst auf die Auswahl entsprechend reagieren??

 **if (document.FormularName.SelectName.value="weiter")   
{  
 anweisung ....  
}**
#3

_:document.FormularName.reset()

dadurch werden alle Felder zurückgesetzt_

Vielen Dank! Das hat funktioniert und die ausgewählten Antworten werden nach Beendigung gelöscht. Auf der letzten Seite habe ich einen „Ergebnis-Button“, der nach Klick anzeigt, wie viele Fragen richtig beantwortet wurden. Der lässt sich aber nicht zurücksetzen, obwohl er mit in der reset-Fkt. steht.

Eingefügt habe ich den darüber:

 

Muss es dafür eine andere Fkt. geben?

_:smiley:u hast eine Auswahlliste (select), willst auf die Auswahl

entsprechend reagieren??_

Ich würde es gern schaffen, dass der User durch Klick auf den Weiter-Pfeil nur dann zum nächsten Layer mit einer weiteren Frage kommt, wenn er auch wirklich irgendeine Antwort ausgewählt hat.

Also irgendwie

if radiobutton selected,
then zur nächsten Frage durch Klick auf Button
else - Window Promt „Du hast noch nichts ausgewählt“

Entschuldige meine komplizierte Ausdrucksweise; ich bin absoluter Javascript-Anfänger :wink:

#4

in der function auswerten() fügst Du das ein:


document.getElementById(„buttonstyle“).style.visibility=„hidden“;

und schon ist der button weg :smile:)

if radiobutton selected,
then zur nächsten Frage durch Klick auf Button
else - Window Promt „Du hast noch nichts ausgewählt“

ebenfalls mit visibility, aber andersherum:
den weiter-button per css auf hidden setzen
die radio-buttons mit onchange(„anzeige()“) ausstatten
in der function anzeige steht:


document.getElementById(„button-ID“).style.visibility = „visible“;

und schon ist der weiter-button sichtbar :smile:)

#5

Stimmt, dann verschwindet der Button :smile: Hab mich wohl missverständlich ausgedrückt… Nicht der Button soll weg, sondern nur das Ergebnis, was er hinterher ausspuckt (Bei Klick auf Ergebnis-Button z. B. "Du hast 4 von 10 Fragen richtig beantwortet).

Und das soll auch nur resettet werden. Wenn man nun das Quiz macht, beendet und anschließend nochmal macht, dann steht da immer noch „Du hast x von x Fragen richtig beantowrtet“.

Hab versucht das über die Funktion

function Loeschen () {
document.Antwort.reset();
}

mit reinzunehmen, aber das will einfach nicht funktionieren…

Gibt es für das Resetten eines Buttons eine andere Funktion als für eine Auwahl?

#6

Stimmt, dann verschwindet der Button :smile: Hab mich wohl
missverständlich ausgedrückt… Nicht der Button soll weg,
sondern nur das Ergebnis, was er hinterher ausspuckt (Bei
Klick auf Ergebnis-Button z. B. "Du hast 4 von 10 Fragen
richtig beantwortet).

das ergebnis wird also hier „mitgeteilt“:

mit innerHTML wird der inhalt eines elementes geändert …
oder „gelöscht“:

document.getElementById(„ausgabe“).innerHTML="";

jetzt ist das ergebnis wieder weg :smile:)