Beispiel 5 Angabe


Beispiel 4 soll so abgeändert werden, dass nicht alle 10 Fragen auf einer Seite stehen, sondern eine Frage pro Seite. Mit einem Button mit der Beschriftung "weiter" kann zur nächsten Frage gewechselt werden. Zur vorigen Frage kann nicht gewechselt werden. Auf der letzten Seite, also bei der 10ten Frage soll die Beschriftung des Buttons nicht "weiter" sondern "auswerten" sein.

Bei Klick auf den Button "auswerten" soll auf einer neuen Seite jener Auswertungstext angezeigt werden, der schon in Beispiel 4 angezeigt wurde.




VIEL ERFOLG!

 

 

LÖSUNG:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="beispiel-5-loesung.js">
</script>
</head>
<body>
<form name="Formular">
<frage id="frage">
Frage 1: Was bedeutet HTML? <br/>
<input type="radio" name="frage1" value="a">Hypertext Markup Language</input> <br/>
<input type="radio" name="frage1" value="b">Es gibt keine Abkürzung ;)</input> <br/>
<input type="radio" name="frage1" value="c">Was ist das? </input> <br/>
<br/>
<br/>
<button type="button" onclick="naechsteFrage(2)">weiter</button>
</frage>
</form>
</body>

</html>

JS:

var anzahlRichtigeAntworten = 0;

function auswerten()
{
if (radioButtonValue(document.Formular.frage10) == "d") anzahlRichtigeAntworten++;
document.getElementById('ausgabe').innerHTML = anzahlRichtigeAntworten + ' von 10 Fragen wurden richtig beantwortet.';
}
function radioButtonValue(feld)
{
for (i=0; i < feld.length; i++)
{
if(feld[i].checked == true)
{
return feld[i].value;
}
}
}


function naechsteFrage(nummer)
{
if (nummer == 2)
{
if (radioButtonValue(document.Formular.frage1) == "a") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 2: Zu was wird CSS hauptsächlich verwendet? <br/> <input type="radio" name="frage2" value="a">Es ist eine reine Text-Sprache/ Nichts mit Design!</input> <br/> <input type="radio" name="frage2" value="b">Nur zum Designerstellen</input> <br/> <input type="radio" name="frage2" value="c">Zum Positionieren von verschiedenen Dingen</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(3)">weiter</button>';
}
if (nummer == 3)
{
if (radioButtonValue(document.Formular.frage2) == "c") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 3: Sie müssen ein Login-Script schreiben. Was für Sprachen SIND NOTWENDIG? <br/> <input type="radio" name="frage3" value="a">Java Script + CSS</input> <br/> <input type="radio" name="frage3" value="b">HTML + PHP</input> <br/> <input type="radio" name="frage3" value="c">HTML + Java Script</input> <br/> <input type="radio" name="frage3" value="d">CSS + HTML</input> <br/> <input type="radio" name="frage3" value="e">NUR JAVA</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(4)">weiter</button>';
}
if (nummer == 4)
{
if (radioButtonValue(document.Formular.frage3) == "b") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 4: In welcher Sprache werden die Befehle geschrieben, z.B. um irgendetwas in eine Tabelle einzufügen? <br/> <input type="radio" name="frage4" value="a">MYSQL</input> <br/> <input type="radio" name="frage4" value="b">PHP</input> <br/> <input type="radio" name="frage4" value="c">Java-Script</input> <br/> <input type="radio" name="frage4" value="d">SQL</input> <br/> <input type="radio" name="frage4" value="e">HTML</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(5)">weiter</button>';
}
if (nummer == 5)
{
if (radioButtonValue(document.Formular.frage4) == "d") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 5: In welcher Sprache besteht der Befehlt echo"";? <br/> <input type="radio" name="frage5" value="a">CSS</input> <br/> <input type="radio" name="frage5" value="b">HTML</input> <br/> <input type="radio" name="frage5" value="c">PHP</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(6)">weiter</button>';
}
if (nummer == 6)
{
if (radioButtonValue(document.Formular.frage5) == "c") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 6: Was macht der Befehl a href=""? <br/> <input type="radio" name="frage6" value="a">Einen Link</input> <br/> <input type="radio" name="frage6" value="b">Gibt einen Text aus</input> <br/> <input type="radio" name="frage6" value="c">Gar nichts, ist falsch</input> <br/> <input type="radio" name="frage6" value="d">Positioniert ein Fenster</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(7)">weiter</button>';
}
if (nummer == 7)
{
if (radioButtonValue(document.Formular.frage6) == "c") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 7: Was passiert, wenn man einfach in den Body eines HTML-Dokuments Text schreibt? <br/> <input type="radio" name="frage7" value="a">Es geht nicht</input> <br/> <input type="radio" name="frage7" value="b">Es gibt ihn aus</input> <br/> <input type="radio" name="frage7" value="c">Es kommt eine Fehlermeldung</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(8)">weiter</button>';
}
if (nummer == 8)
{
if (radioButtonValue(document.Formular.frage7) == "b") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 8: Braucht man für PHP einen Client? <br/> <input type="radio" name="frage8" value="a">NEIN</input> <br/> <input type="radio" name="frage8" value="b">JA</input> <br/> <input type="radio" name="frage8" value="c">Nette Fangfrage ^^</input> <br/> <input type="radio" name="frage8" value="d">Was ist ein Client?</input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(9)">weiter</button>';
}
if (nummer == 9)
{
if (radioButtonValue(document.Formular.frage8) == "b") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 9: Wo ist der Fehler?<br/> $Hallo = "1";<br/> $Hallo2 ="2";<br/> Echo"$Hallo" <br/> <input type="radio" name="frage9" value="a">Es müssen bei dem Echo die "" weg.</input> <br/> <input type="radio" name="frage9" value="b">Es fehlen die Semikolons bei dem Echo</input> <br/> <input type="radio" name="frage9" value="c">Es müssen die Semikolons bei den Variablen weg</input> <br/> <input type="radio" name="frage9" value="d">Es müssen bei den Variablen die "" weg.</input> <br/> <input type="radio" name="frage9" value="e">Ich hab keine Ahnung! </input> <br/> <br/> <br/> <button type="button" onclick="naechsteFrage(10)">weiter</button>';
}
if (nummer == 10)
{
if (radioButtonValue(document.Formular.frage9) == "b") anzahlRichtigeAntworten++;
document.getElementById('frage').innerHTML = 'Frage 10: &lt;input type=&quot;button&quot; value=&quot;:)&quot; onclick=&quot;append(&#039;text&#039;, &#039;:) &#039;&quot; /&gt; <br/> Wo ist hier der Fehler? <br/> <input type="radio" name="frage10" value="a">Der Strich vor dem &gt; gehört weg.</input> <br/> <input type="radio" name="frage10" value="b">Es fehlt eine öffnende Klammer</input> <br/> <input type="radio" name="frage10" value="c">Keine Ahnung....</input> <br/> <input type="radio" name="frage10" value="d">Es fehlt eine schließende Klammer</input> <br/> <input type="radio" name="frage10" value="e">Der Code passt</input> <br/> <br/> <br/> <button type="button" onclick="auswerten()">auswerten</button> <br/> <br/> <label id="ausgabe"></label><br />';
}
}