Nå, men jeg fandt noget på nettet som jeg har modificeret lidt, så hvis der er nogen der er interesseret i et løsningsforslag så kommer det her:
<script>
/****************************************************************************
author: Andrew Beiderman
Feel free to use this code for educational/non-profit purposes only.
****************************************************************************/
//highlight color of answer - can change this color to a hex code or recognized color name
var highlightColor = "#00ff00";
//this should not be changed
function checkQuestionRadio(radioGroup) {
//go through the radio group sent in and determine if radio button
//checked is "correct".
//return 1 for correct value, 0 for incorrect
for (i=0; i<radioGroup.length; i++) {
if (radioGroup[i].checked) {
if (radioGroup[i].value == 1)
return 1;
if (radioGroup[i].value == 2)
return 2;
if (radioGroup[i].value == 3)
return 3;
if (radioGroup[i].value == 4)
return 4;
}
}
}
//this should not be changed
function highlightCorrectButton(radioButton) {
document.getElementById(radioButton).style.backgroundColor = highlightColor;
}
function checkQuiz() {
//check each question to see if it's right.
//you will need to match these question types(Radio/DropDown)
//and names (q1, q2, ...) to the ones in your quiz
var numCorrect = 0;
numCorrect += checkQuestionRadio( document.quiz.q1);
numCorrect += checkQuestionRadio( document.quiz.q2);
// numCorrect += checkQuestionRadio( document.quiz.q3);
// numCorrect += checkQuestionRadio( document.quiz.q4);
// numCorrect += checkQuestionRadio( document.quiz.q5);
// numCorrect += checkQuestionRadio( document.quiz.q6);
//highlight correct answers from radio button groups...use span id name
highlightCorrectButton('correct1');
highlightCorrectButton('correct2');
// highlightCorrectButton('correct3');
// highlightCorrectButton('correct4');
// highlightCorrectButton('correct5');
// highlightCorrectButton('correct6');
//produce output in textarea.
document.quiz.output.value +=
"You got " + numCorrect + " points.\n";
if (numCorrect >=6 & numCorrect <= 10)
SetImage('Image1','images/fourthplace.jpg')
else if (numCorrect >=11 & numCorrect <= 15)
SetImage('Image1','images/thirdplace.jpg')
else if (numCorrect >=16 & numCorrect <= 20)
SetImage('Image1','images/secondplace.jpg')
else if (numCorrect < 20)
SetImage('Image1','images/firstplace.jpg')
}
</script>
</head>
<body>
<form name="quiz">
<ol>
<li>Spørgsmål 1?<br>
<span id="correct1"><input type="radio" name="q1" value=4>Korrekt svar</span><br>
<input type="radio" name="q1" value=3>mindre rigtigt svar<br>
<input type="radio" name="q1" value=2>næsten forkert svar<br>
<input type="radio" name="q1" value=1>ret forkert svar
</li>
<li>Spørgsmål 2<br>
<input type="radio" name="q2" value=3>næsten rigtigt svar<br>
<input type="radio" name="q2" value=1>meget forkert svar<br>
<span id="correct2"><input type="radio" name="q2" value=4>Korrekt svar</span><br>
<input type="radio" name="q2" value=2>næsten forkert svar
</li>
</ol>
<input type="button" onClick="checkQuiz()" value="check quiz">
<hr>
<textarea cols="80" rows="10" name="output"></textarea>
</form>
