This isn't 100% working, I'm sure you can figure out the details...
<HTML>
<HEAD>
<script LANGUAGE="JavaScript">
function get_rand() {
<!--
var rand_question = Math.floor((9-1)*Math.random()) + 1;
document.write(question[rand_question]);
-->
}
function place_answer() {
<!--
var rand_position = Math.floor((4-1)*Math.random()) + 1;
return rand_position; //answer[rand_position];
-->
}
<!-- Declare questions array -->
question = new Array
question[1]="What is the opposite of up?"
question[2]="What is the opposite of down?"
question[3]="Who wrote the Hobbit?"
question[4]="Why is the sky blue?"
question[5]="What year was America Discovered?"
question[6]="What baseball team did Mickey Mantle play for?"
question[7]="How many seasons did the show Seinfeld last?"
question[8]="What is the generic version of Transformers?"
question[9]="How many questions are on this test?"
answer = new Array
answer[1]="Down"
answer[2]="Up"
answer[3]="J.R.R. Tolken"
answer[4]="Reflection of the Ocean"
answer[5]="1492"
answer[6]="New York Yakees"
answer[7]="9"
answer[8]="Go Bots"
answer[9]="9"
<!-- Grab a random question -->
var rand_question = Math.floor((9-1)*Math.random()) + 1;
<!-- End question section -->
<!-- Declare answer array. score is where your score is stored. -->
var _answer = new Array;
var yourAnswer = new Array;
var score = 0;
<!-- This is where the letter corrosponding to the correct answer is stored -->
_answer[1] = "a";
_answer[2] = "c";
_answer[3] = "a";
_answer[4] = "d";
_answer[5] = "b";
<!-- This is a function to store your answer. It is used in the body with the form itself using "onClick="Calculate(2, this.value)" 2 being the question number, and this value being whatever radio button was clicked on the form-->
function Calculate(question, answer) {
yourAnswer[question]=answer;
}
function Score(){
<!-- The variable answerStore stores all information related to the answer. It starts as "What did you score?" then the question number is added. And if the question is right, the text "Correct!" is added. This is all outputted in an alert box when "Submit quiz" is clicked-->
var answerStore = "What did you score?\n------------------------------------\n";
<!--The loop will continue and increment "i" by 1 until it equals 4-->
for(i=1;i<=5;i++){
answerStore=answerStore+"\nQuestion: "+i+"\n";
<!-- This is calculated if answer is equal to your answer. It determines the question by "i" which is calculated above. If it is not equal to your answer, it carriers out the line below.)
if(answer[i]!=yourAnswer[i]){
<!-- If the answer was wrong, then this line is carried out. The text "The Correct answer was" plus the answer number are stored in answerStore-->
answerStore=answerStore+"The correct answer was "+answer[i]+"\n";
}
else{
<!--Otherwise your answer is right, so it states that it is correct, and increments your score by one and stores "Correct!" in answerStore.-->
answerStore=answerStore+"Correct! \n";
<!-- score is incremented by 1 -->
score++;
}
}
<!-- Now that score has been calculated, it is added to the answerStore variable. It's getting bigger! -->
answerStore=answerStore+"\n\nYou scored: "+score+"\n";
<!--Now we tell the user what they scored! This is a simple series of if statements.-->
answerStore=answerStore+"";
<!--If score is less than or equal to 0, output the statement-->
if(score<=0){
answerStore=answerStore+"You didn't do too well...";
}
<!-- If score is greater than or equal to 1, and less than or equal to 2, output the statement-->
if(score>=1 && score <=2){
answerStore=answerStore+"You need a bit of practise.";
}
<!-- If score is greater than or equal to 3 and less than or equal to 4, output the statement-->
if(score>=3 && score <=4){
answerStore=answerStore+"You're doing pretty good!";
}
<!--If the score is greater than 4, output the statement-->
if(score>4){
answerStore=answerStore+"Top marks! Well done!";
}
<!--Open an alert box with the contents of answerStore-->
alert(answerStore);
}
// End -->
</script>
</HEAD>
<BODY>
<DIV ALIGN="CENTER">
<h1>Quiz!</h1>
<b>Test your knowledge!</b>
<hr>
<FORM>
<b>Question 1. </b>
<script language=JavaScript>
get_rand();
</script>
<br>
<script language=JavaScript>
place_answer();
</script>
<b>Question 2. </b>
<script language=JavaScript>
get_rand();
</script>
<br>
<input type=radio name="question2" value="a" onClick="Calculate(2, this.value)">Qa)<br>
<input type=radio name="question2" value="b" onClick="Calculate(2, this.value)">Qb)<br>
<input type=radio name="question2" value="c" onClick="Calculate(2, this.value)">Qc)<br>
<input type=radio name="question2" value="d" onClick="Calculate(2, this.value)">Qd)<p>
<b>Question 3.</b>
<script language=JavaScript>
get_rand();
</script>
<br>
<input type=radio name="question3" value="a" onClick="Calculate(3, this.value)">Qa)<br>
<input type=radio name="question3" value="b" onClick="Calculate(3, this.value)">Qb)<br>
<input type=radio name="question3" value="c" onClick="Calculate(3, this.value)">Qc)<br>
<input type=radio name="question3" value="d" onClick="Calculate(3, this.value)">Qd)<p>
<b>Question 4. </b>
<script language=JavaScript>
<!--
get_rand();
var pos = place_answer();
document.write('<br>');
for(i=1;i<5;i++){
if(pos==i) {
if(i==1) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qa)'+answer[i]+'<br>');
if(i==2) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qb)'+answer[i]+'<br>');
if(i==3) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qc)'+answer[i]+'<br>');
if(i==4) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qd)'+answer[i]+'<br>');
}
else {
if(i==1) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qa)<br>');
if(i==2) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qb)<br>');
if(i==3) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qc)<br>');
if(i==4) document.write('<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qd)<br>');
}
}
-->
</script>
<br>
<!--
<input type=radio name="question4" value="a" onClick="Calculate(4, this.value)">Qa)<br>
<input type=radio name="question4" value="b" onClick="Calculate(4, this.value)">Qb)<br>
<input type=radio name="question4" value="c" onClick="Calculate(4, this.value)">Qc)<br>
<input type=radio name="question4" value="d" onClick="Calculate(4, this.value)">Qd)<p>
-->
<b>Question 5. </b>
<script language=JavaScript>
get_rand();
</script>
<br>
<input type=radio name="question5" value="a" onClick="Calculate(5, this.value)">Qa)<br>
<input type=radio name="question5" value="b" onClick="Calculate(5, this.value)">Qb)<br>
<input type=radio name="question5" value="c" onClick="Calculate(5, this.value)">Qc) <br>
<input type=radio name="question5" value="d" onClick="Calculate(5, this.value)">Qd) <p>
<CENTER>
<input type=button onClick="Score()" value="Submit Quiz">
</CENTER>
</FORM>
</DIV>
</BODY>
</HTML>
I have to get going really quick, & this is all the more I could get done. The answer does not match the question... but again, I'm sure you can figure this out.
6 May, 2008 - 01:43 AM
I appreciate the help.
| 