Beispiel 4 Angabe


Das Quiz, das sich unter http://www.testedich.de/quiz24/quiz/1195378536/Programmierer-Quiz befindet soll nachprogrammiert werden. Auf EINER Webseite sollen alle 10 Fragen geschrieben stehen und jeweil darunter die jeweiligen Autwortmöglichkeiten über Radiobuttons auswählbar sein. Ganz unten auf der Seite soll sich ein Button mit der Beschriftung "auswerten" befinden. Bei Klick auf diesen Button soll darunter abhängig von der richtigen Anzahl an Antworten folgender Text angezeigt werden [Anzahl richtiger Antworten] + " von 10 Fragen wurden richtig beantwortet." Folgendes sind die 10 Fragen und die entsprechenden Antwortmöglichkeiten:


Frage 1: Was bedeutet HTML?
  •     Hypertext Markup Language
  •     Es gibt keine Abkürzung ;)
  •     Was ist das?
(Die richtige Antwort ist: Hypertext Markup Language)

Frage 2: Zu was wird CSS hauptsächlich verwendet?
  •     Es ist eine reine Text-Sprache/ Nichts mit Design!
  •     Nur zum Designerstellen
  •     Zum Positionieren von verschiedenen Dingen
(Die richtige Antwort ist: Zum Positionieren von verschiedenen Dingen)

Frage 3: Sie müssen ein Login-Script schreiben. Was für Sprachen SIND NOTWENDIG?
  •     Java Script + CSS
  •     HTML + PHP
  •     HTML + Java Script
  •     CSS + HTML
  •     NUR JAVA
(Die richtige Antwort ist: HTML + PHP)

Frage 4: In welcher Sprache werden die Befehle geschrieben, z.B. um irgendetwas in eine Tabelle einzufügen?
  •     MYSQL
  •     PHP
  •     Java-Script
  •     SQL
  •     HTML
(Die richtige Antwort ist: SQL)

Frage 5: In welcher Sprache besteht der Befehlt echo"";?
  •     CSS
  •     HTML
  •     PHP
(Die richtige Antwort ist: PHP)

Frage 6: Was macht der Befehl a href=""?
  •     Einen Link
  •     Gibt einen Text aus
  •     Gar nichts, ist falsch
  •     Positioniert ein Fenster
(Die richtige Antwort ist: Gar nichts, ist falsch)

Frage 7: Was passiert, wenn man einfach in den Body eines HTML-Dokuments Text schreibt?
  •     Es geht nicht
  •     Es gibt ihn aus
  •     Es kommt eine Fehlermeldung
(Die richtige Antwort ist: Es gibt ihn aus)

Frage 8: Braucht man für PHP einen Client?
  •     NEIN
  •     JA
  •     Nette Fangfrage ^^
  •     Was ist ein Client?
(Die richtige Antwort ist: JA)

Frage 9: Wo ist der Fehler?
$Hallo = "1";
$Hallo2 ="2";
Echo"$Hallo"
  •  Es müssen bei dem Echo die "" weg.
  •  Es fehlen die Semikolons bei dem Echo
  •  Es müssen die Semikolons bei den Variablen weg
  •  Es müssen bei den Variablen die "" weg.
  •  Ich hab keine Ahnung!
(Die richtige Antwort ist: Es fehlen die Semikolons bei dem Echo)

Frage 10: <input type="button" value=":)" onclick="append('text', ':) '" />
Wo ist hier der Fehler?
  • Der Strich vor dem > gehört weg.
  • Es fehlt eine öffnende Klammer
  • Keine Ahnung....
  • Es fehlt eine schließende Klammer
  • Der Code passt
(Die richtige Antwort lautet: Es fehlt eine schließende Klammer) 




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-4-loesung.js">
</script>
</head>
<body>
<form name="Formular">
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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/>
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 />
</form>
</body>
</html>

JS:

function auswerten()
{
var anzahlRichtigeAntworten = 0;
if (radioButtonValue(document.Formular.frage1) == "a") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage2) == "c") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage3) == "b") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage4) == "d") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage5) == "c") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage6) == "c") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage7) == "b") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage8) == "b") anzahlRichtigeAntworten++;
if (radioButtonValue(document.Formular.frage9) == "b") anzahlRichtigeAntworten++;
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;
}
}
}