• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

html-Quiz

N

Nukular

Neues Mitglied
Hey Leute,

ich habe ein kleines Quiz erstellt, nur leider verzweifle ich gerade am letzten Schritt.

Man kann die Antwort aus mehreren Auswahlmöglichkeiten anklicken und der Gesamtwert wird in % ausgerechnet, sobald man auf "Get Score" klickt.
Zudem, habe ich eine E-Mail Funktion eingebaut, damit das Ergebnis mit Hilfe eines Submit-Buttons an meine E-Mail Adresse verschickt werden kann.

ABER:

Wie bekomme ich es hin, dass man die Auswahlmöglichkeiten NICHT mehr sehen kann bzw., man die Antworten nicht mehr ändern kann, sobald man auf den "Get Score" Button klickt? Denn sonst wäre es ja viel zu einfach und man würde die Antworten so lange umändern, bis die 100% erreicht wurden.

Ich hoffe, ihr könnt mir helfen!
 
Was für ein Script ist das? PHP? Verwendest Du JavaScript? Der Quellcode dazu wäre interessant.
 
Hier ist das Quiz als Quellcode:

<html><head><title></title>
<script language="JavaScript">
<!--

var numQues = 10;

var answers = new Array(10);
answers[0] = "2";
answers[1] = "64GB and 128GB";
answers[2] = "i5 and i7";
answers[3] = "Yes";
answers[4] = "False";
answers[5] = "10";
answers[6] = "False"
answers[7] = "2"
answers[8] = "2001"
answers[9] = "False"


function getScore(form) {
var score = 0;
var currElt;
var currSelection;

for (i=0; i<numQues; i++) {
currElt = form.elements;
currSelection = currElt.selectedIndex;
if (currElt.options[currSelection].value == answers) {
score++;
}
}

score = Math.round(score/numQues*100);
form.percentage.value = score + "%";

}

// -->
</script>
</head>

<body>

<form name="quiz" action="MAILTO:[email protected]" method="post">
1. In the MacBook Air range, how many models can you choose from?<br>
<select name="q1">
<option value="">choose one
<option value="4">4
<option value="2">2
<option value="6">6
</select>
<p>

2. In the 11"-inch MacBook Air, what are the flash storage options a customer can choose from?
<br>
<select name="q2">
<option value="">choose one
<option value="128GB">128GB
<option value="128GB and 256GB">128GB and 256GB
<option value="64GB and 128GB">64GB and 128GB
</select>
<p>

3. Name the processors that powers the MacBook Air.?<br>
<select name="q3">
<option value="">choose one
<option value="i6 and i8">i6 and i8
<option value="i6 and i7">i6 and i7
<option value="i5 and i7">i5 and i7
</select>
<p>

4. If you start iMessage conversation on one device, can you continue it on another?<br>
<select name="q4">
<option value="">choose one
<option value="Yes">Yes
<option value="No">No
</select>
<p>

5. True or false: iPad will only support 802.11 networks.
<br>
<select name="q5">
<option value="">choose one
<option value="True">True
<option value="False">False
</select>
<p>

6. The iPad Smart Cover comes in how many colors?
<br>
<select name="q6">
<option value="">choose one
<option value="7">7
<option value="8">8
<option value="10">10
</select>
<p>

7. You always should choose the 2GB graphic card, if you are a heavy user of Photoshop.
<br>
<select name="q7">
<option value="">choose one
<option value="True">True
<option value="False">False
</select>
<p>

8. How many cores does the A5 chip in the iPad have?
<br>
<select name="q8">
<option value="">choose one
<option value="1">1
<option value="4">4
<option value="2">2
</select>
<p>

9. What year did Apple open its first Apple Retail Store?
<br>
<select name="q9">
<option value="">choose one
<option value="2001">2001
<option value="1999">1999
<option value="2002">2002
</select>
<p>

10. You can't use Mac OS X Lion Server on the "standard" Mac mini!
<br>
<select name="q10">
<option value="">choose one
<option value="True">True
<option value="False">False
<option value="True, it's gonna explode!">True, it's gonna explode!
</select>
<p>

<input type="submit" value="Submit">
<input type="button" value="Get score" onClick="getScore(this.form)">
<input type="reset" value="Clear"><p>
Score = <input type=text size=15 name="percentage"><br>
</form>

</body></html>
 
Hallo,

ich würde das ja mit PHP machen. Wenn du PHP kannst, kann ich dir ja Tipps geben. Das Problem ist halt nur, das Leute, die sich den Auelltext ansehen, sofort die Antworten herauslesen können. Ein Rechtsklickverbot hilft da auch nicht weiter.

Also Tipps zur Lösung mit PHP:
eine html und eine php dateie pro frage
html-datei: mit frage in formular: weiter: formular abschicken, zurück: einfacher link auf vorhergehende datei
php-datei: speichern der frage und anschließende weiterleitung auf html-datei der folgefrage.
klingt kompliziert, geht aber mit etwas php kenntnis ganz einfach und schnell.
speichern der antworten in php sessions (verlangt ein cookie mit der php session id)
überprüfung der antworten in der php datei
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben