Ich hab gerade mal mit Javascript und HTML ein einfaches Grundgerüst für ein Quiz geschrieben:
Code:
<script language="javascript" type="text/javascript">
function doit() {
var richtig = 0;
var falsch = 0;
if(document.quiz.checkbox1[0].checked == true) {
richtig++;
}
else {
falsch++;
}
if(document.quiz.checkbox2[1].checked == true) {
richtig++;
}
else {
falsch++;
}
if(document.quiz.checkbox3[2].checked == true) {
richtig++;
}
else {
falsch++;
}
document.getElementById("punkte").firstChild.nodeValue = "Richtig: " + richtig + "\nFalsch: " + falsch ;
}
</script>
<form name="quiz">
<p>Frage 1</p>
<input type="radio" name="checkbox1" />
<input type="radio" name="checkbox1" />
<input type="radio" name="checkbox1" />
<p>Frage 2</p>
<input type="radio" name="checkbox2" />
<input type="radio" name="checkbox2" />
<input type="radio" name="checkbox2" />
<p>Frage 3</p>
<input type="radio" name="checkbox3" />
<input type="radio" name="checkbox3" />
<input type="radio" name="checkbox3" />
<input type="button" name="do" value="Lösen" onclick="doit()" />
</form>
<p id="punkte">Punktestand:</p>
Die Fragen müssen in den <p>-Tags eingetragen werden.
<p>
Frage 2</p>
Zu jeder Frage gibt es 3 Antwortmöglichkeiten, die mit runden Buttons ausgewählt werden können. Sogennanten Radio-Buttons. Es ist immer nur ein Button anwählbar.
Folgendes Kontrukt im JavaScript-Code überprüft fie Antwort.
if(document.quiz.
checkbox1[0].checked == true) {
richtig++;
}
else {
falsch++;
}
Checkbox1 bedeutet, dass es sich um die erste Frage handelt.
Die Zahl in den eckigen Klammer dahinter definiert die richtige Antwort.
[0] ist die erste Antwortmöglichkeit. Javascript beginnt bei Null zu zählen. 1 wäre also die zweite und 2 die dritte Möglichkeit.
Wenn die richtige Antwort angeklickt wird soll "richtig" um eins hochgezählt werden. Andernfalls wird "falsch" um eins hochgezählt.
Am Ende wird dann Angezeigt wie viele richtig und wie viele falsch beantwortet wurden.
Ist doch ganz einfach und nebenbei noch was gelernt.
