|
JavaScript - Problem With Making A Multiple Choice Quiz For Javascript! Cookies? Please Help!
Hi! I'm trying to make a multiple choice quiz using javascript. I downloaded codes from http://www.javascriptkit.com/script/cut180.shtml
But when I used it nothing comes up on the results (number of correct answer, number of wrong answer and percentage) as well as the solution box is empty. I tried it on Google Chrome and it says "Your browser does not accept cookies. Please adjust your settings." So I tried it in Safari because that's what we use in school and it doesn't work. The results and solution box is empty. I am guessing that problem is with cookies? Please help me. Here are my codes: - Quiz //Enter total number of questions: var totalquestions=10 //Enter the solutions corresponding to each question: var correctchoices=new Array() correctchoices[1]='a' //question 1 solution correctchoices[2]='d' //question 2 solution, and so on. correctchoices[3]='b' correctchoices[4]='b' correctchoices[5]='c' correctchoices[6]='b' correctchoices[7]='a' correctchoices[8]='c' correctchoices[9]='d' correctchoices[10]='b' /////Don't edit beyond here////////////////////////// function gradeit(){ var incorrect=null for (q=1;q<=totalquestions;q++){ var thequestion=eval("document.myquiz.question"+q) for (c=0;c<thequestion.length;c++){ if (thequestion[c].checked==true) actualchoices[q]=thequestion[c].value } if (actualchoices[q]!=correctchoices[q]){ //process an incorrect choice if (incorrect==null) incorrect=q else incorrect+="/"+q } } if (incorrect==null) incorrect="a/b" document.cookie='q='+incorrect if (document.cookie=='') alert("Your browser does not accept cookies. Please adjust your browser settings.") else window.location="results.htm" } function showsolution(){ var win2=window.open("","win2","width=200,height=350, scrollbars") win2.focus() win2.document.open() win2.document.write('<title>Solution</title>') win2.document.write('<body bgcolor="#FFFFFF">') win2.document.write('<center><h3>Solution to Quiz</h3></center>') win2.document.write('<center><font face="Arial">') for (i=1;i<=totalquestions;i++){ for (temp=0;temp<incorrect.length;temp++){ if (i==incorrect[temp]) wrong=1 } if (wrong==1){ win2.document.write("Question "+i+"="+correctchoices[i].fontcolor("red")+"<br>") wrong=0 } else win2.document.write("Question "+i+"="+correctchoices[i]+"<br>") } win2.document.write('</center></font>') win2.document.close() } ______________________________________________________________ For Results <html> <head> <title>Instant Quiz Results</title> </head> <body bgcolor="#FFFFFF"> <p align="center"><strong><font face="Arial"> <script src="quizconfig.js"> </script>Quiz Results Summary</font></strong></p> <div align="center"><center> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><form method="POST" name="result"><table border="0" width="100%" cellpadding="0" height="116"> <tr> <td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Number Of Correct Questions:</font></strong></td> <td height="25"><p><input type="text" name="p" size="24"></td> </tr> <tr> <td height="17" bgcolor="#D3FFA8"><strong><font face="Arial">Wrong Questions:</font></strong></td> <td height="17"><p><textarea name="T2" rows="3" cols="24" wrap="virtual"></textarea></td> </tr> <tr> <td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Grade Percentage:</font></strong></td> <td height="25"><input type="text" name="q" size="8"></td> </tr> </table> </form> </td> </tr> </table> </center></div> <form method="POST"><div align="center"><center><p> <script> var wrong=0 for (e=0;e<=2;e++) document.result[e].value="" var results=document.cookie.split(";") for (n=0;n<=results.length-1;n++){ if (results[n].charAt(1)=='q') parse=n } var incorrect=results[parse].split("=") incorrect=incorrect[1].split("/") if (incorrect[incorrect.length-1]=='b') incorrect="" document.result[0].value=totalquestions-incorrect.length+" out of "+totalquestions document.result[2].value=(totalquestions-incorrect.length)/totalquestions*100+"%" for (temp=0;temp<incorrect.length;temp++) document.result[1].value+=incorrect[temp]+", " </script> <input type="button" value="Retake Quiz" name="B1" onClick="history.go(-1)"> <input type="button" value="Show Solution" name="B2" onClick="showsolution()"></p> </center></div> </form> </body> </html> Please help me. I've been trying to find out what is wrong with my codes for a week. Thanks in advance! Similar TutorialsI am working with the quiz found below (Multiple Choice Quiz that is instantly graded/checked), and would like to add pictures to the questions and rollover sound effects. I have figured how to add the picture, but not the sound. Sound effects are played when added to the html section, but not when added to the javascript coding. I am alright with html and css, but not with javascript. Any help from the javascript experts would be appreciated. ********* Coding Example ********* <HTML> <HEAD> <TITLE>The JavaScript Source: Miscellaneous : Multiple Choice Quiz</TITLE> <META HTTP-EQUIV="The JavaScript Source" CONTENT = "no-cache"> <META NAME="description" CONTENT="Add a quiz to your Web page without using a server-side script. Easy to set-up. Questions and answers are stored in a multi-dimensional array format in an external file. The quiz is marked in real time, and once answered, questions are set to read-only. A summary of the users score is alerted at the end."> <META NAME="date" CONTENT="2005-12-27"> <META NAME="channel" CONTENT="Developer"> <META NAME="author" CONTENT="James Crooke"> <META NAME="section" CONTENT="Miscellaneous"> <style type="text/css"> <!-- .question { color:darkblue; font-size:14px; font-weight:bold; } --> </style> <script type="text/javascript"> <!-- /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: James Crooke :: http://www.cj-design.com */ var useranswers = new Array(); var answered = 0; function renderQuiz() { for(i=0;i<questions.length;i++) { document.writeln('<p class="question">' + questions[i] + ' <span id="result_' + i + '"><img src="blank.gif" style="border:0" alt="" /></span></p>'); for(j=0;j<choices[i].length;j++) { document.writeln('<input type="radio" name="answer_' + i + '" value="' + choices[i][j] + '" id="answer_' + i + '_' + j + '" class="question_' + i + '" onclick="submitAnswer(' + i + ', this, \'question_' + i + '\', \'label_' + i + '_' + j + '\')" /><label id="label_' + i + '_' + j + '" for="answer_' + i + '_' + j + '"> ' + choices[i][j] + '</label><br />'); } } document.writeln('<p><input type="submit" value="Show Score" onclick="showScore()" /> <input type="submit" value="Reset Quiz" onclick="resetQuiz(true)" /></p><p style="display:none"><img src="correct.gif" style="border:0" alt="Correct!" /><img src="incorrect.gif" style="border:0" alt="Incorrect!" /></p>'); } function resetQuiz(showConfirm) { if(showConfirm) if(!confirm("Are you sure you want to reset your answers and start from the beginning?")) return false; document.location = document.location; } function submitAnswer(questionId, obj, classId, labelId) { useranswers[questionId] = obj.value; document.getElementById(labelId).style.color = "grey"; //disableQuestion(classId); showResult(questionId); answered++; } function showResult(questionId) { if(answers[questionId] == useranswers[questionId]) { document.getElementById('result_' + questionId).innerHTML = '<img src="correct.gif" style="border:0" alt="Correct!" />'; // I tried to make the background a different colour for the answer document.getElementById(questionId).style.border ='1px'; } else { document.getElementById('result_' + questionId).innerHTML = '<img src="incorrect.gif" style="border:0" alt="Incorrect!" />'; } } function showScore() { if(answered != answers.length) { alert("You have not answered all of the questions yet!"); return false; } questionCount = answers.length; correct = 0; incorrect = 0; for(i=0;i<questionCount;i++) { if(useranswers[i] == answers[i]) correct++; else incorrect++; } pc = Math.round((correct / questionCount) * 100); alertMsg = "You scored " + correct + " out of " + questionCount + "\n\n"; alertMsg += "You correctly answered " + pc + "% of the questions! \n\n"; if(pc == 100) alertMsg += response[0]; else if(pc >= 90) alertMsg += response[1]; else if(pc >= 70) alertMsg += response[2]; else if(pc > 50) alertMsg += response[3]; else if(pc >= 40) alertMsg += response[4]; else if(pc >= 20) alertMsg += response[5]; else if(pc >= 10) alertMsg += response[6]; else alertMsg += response[7]; if(pc < 100) { if(confirm(alertMsg)) resetQuiz(false); else return false; } else { alert(alertMsg); } } function disableQuestion(classId) { var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++) { if (alltags[i].className == classId) { alltags[i].disabled = true; } } } var questions = new Array(); var choices = new Array(); var answers = new Array(); var response = new Array(); // To add more questions, just follow the format below. questions[0] = "1) JavaScript is ..." ; choices[0] = new Array(); choices[0][0] = "the same as Java"; choices[0][1] = "kind of like Java"; choices[0][2] = "different than Java"; choices[0][3] = "ther written part of Java"; answers[0] = choices[0][2]; ///////// THIS IS THE SECTION THAT I'M TRYING TO WORK ON ///////// // image works, but sound doesn't // questions[1] = "<a href='javascriptHTMLSound' id='dummyspan' // the smiley is actually a colon followed by a D as in "DHTML" onMouseOver='DHTMLSound('success.wav')'><img src='some_image.gif'></a>"; choices[1] = new Array(); choices[1][0] = "Play This" + "<a href='javascriptlaySound('success.wav')'>Play This</a>"; choices[1][1] = "objective"; choices[1][2] = "evil"; choices[1][3] = "object based"; answers[1] = choices[1][3]; ///////////////////////////////////////////////////////////////// questions[2] = "3) To comment out a line in JavaScript ..."; choices[2] = new Array(); choices[2][0] = "Precede it with two forward slashes, i.e. '//'"; choices[2][1] = "Precede it with an asterisk and a forward slash, i.e. '*/'"; choices[2][2] = "Precede it with an asterisk, i.e. '*'"; choices[2][3] = "Precede it with a forward slash and an asterisk, i.e. '/*'"; answers[2] = choices[2][0]; questions[3] = "4) JavaScript can only run on Windows"; choices[3] = new Array(); choices[3][0] = "True"; choices[3][1] = "False"; answers[3] = choices[3][1]; questions[4] = "5) Semicolons are optional at the end of a JavaScript statement."; choices[4] = new Array(); choices[4][0] = "True"; choices[4][1] = "False"; answers[4] = choices[4][0]; questions[5] = "strings are..."; choices[5] = new Array(); choices[5][0] = "strings, numbers, BooBoos, and nulls"; choices[5][1] = "strings, text, Booleans, and nulls"; choices[5][2] = "strings, numbers, Booleans, and nulls"; choices[5][3] = "strings, numbers, Booleans, and zeros"; answers[5] = choices[5][2]; // response for getting 100% response[0] = "Excellent, top marks!"; // response for getting 90% or more response[1] = "Excellent, try again to get 100%!" // response for getting 70% or more response[2] = "Well done, that is a good score, can you do better?"; // response for getting over 50% response[3] = "Nice one, you got more than half of the questions right, can you do better?"; // response for getting 40% or more response[4] = "You got some questions right, you can do better!"; // response for getting 20% or more response[5] = "You didn't do too well, why not try again!?"; // response for getting 10% or more response[6] = "That was pretty poor! Try again to improve!"; // response for getting 9% or less response[7] = "Oh dear, I think you need to go back to school (or try again)!"; //--> </script> </HEAD> <BODY BGCOLOR=#ffffff vlink=#0000ff > <script> function DHTMLSound(surl) { document.getElementById("dummyspan").innerHTML="<embed src='"+surl+"' hidden=true autostart=true loop=false>"; } </script> <script type="text/javascript"> <!-- renderQuiz(); //--> </script> </body></html> ********* I have also tried the following sound ideas, but none work "within" the javascript -- they do work when assigned to a button inside the html however... The trick is, I want to be able to display an image within the question, then mouseover a <span> of text or an image (preferrably NOT a link <a>) and have the sounds played as part of the choices for the question. For a slightly different purpose, I'm also interested in being able to have the correst answer (for more complicated quizes) appear beside the question, in a <div> if possible, rather than an alert, to give the solution / reasoning for the correct answer. Any help at all would be really appreciated. Hello all, Making a multiple choice quiz using Blue J. My task is to enable the user to add questions and answers. Replace and remove specific answers and questions. Print out all the questions and answers once they are finished. Then quit the program. The user will also need to be able to quit the program at anytime. I am having trouble understanding how i would go about doing this, i figured i would store all the questions using an array or array list? I was wondering if someone could help me? In my code below what if answers in question 2 were allowed to be in any order? Like: hips,body,knees or knees,hips,body and so on. How should I modify my code? Anyone please???? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Quiz</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript">
var answer_list = [
['False'],
['body,hips,knees']
// Note: No comma after final entry
];
var response = [];
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
function setAnswer(question, answer) {
response[question] = answer;
}
function CheckAnswers() {
var correct = 0;
var resp, answ;
for (var i = 0; i < answer_list.length; i++) {
resp = response[i].toString();
resp = resp.toLowerCase();
answ = answer_list[i].toString();
answ = answ.toLowerCase();
//#################################################################################################
if (resp == answ) {
correct++;
if(i==0){
document.forms[0].a1c.style.backgroundImage="url('correct.gif')";
document.forms[0].a1c.value = "";
}
else{
document.forms[0].a1d.style.backgroundImage="url('correct.gif')";
document.forms[0].a1d.value = "";
}
}
else{
if(i==0){
document.forms[0].a1c.style.backgroundImage = "url('incorrect.gif')";
document.forms[0].a1c.value = " ANS: False. Position the head snugly against the top bar of the frame and then bring the foot board to the infant's feet.";
}
else{
document.forms[0].a1d.style.backgroundImage = "url('incorrect.gif')";
document.forms[0].a1d.value = " ANS: " + answ;
}
//###################################################################################################
}
}
document.writeln("You got " + correct + " of " + answer_list.length + " questions correct!");
}
</script>
</head>
<body>
<form action="" method="post">
<div>
<b>1. When measuring height/length of a child who cannot securely stand, place the infant such that his or her feet are flat against the foot board.</b><br />
<label><input type="radio" name="question0" value="True" />True</label>
<label><input type="radio" name="question0" value="False" />False</label>
<br />
<textarea rows="2" cols="85" name="a1c" style="background-repeat:no-repeat"></textarea>
<br />
<b>2. When taking a supine length measurement, straighten the infant's
<input type="text" name="question1_a" size="10" />,
<input type="text" name="question1_b" size="10" />, and
<input type="text" name="question1_c" size="10" />.</b>
<br />
<textarea rows="2" cols="85" name="a1d" style="background-repeat:no-repeat"></textarea>
<br />
<input type="button" name="check" value="Check Answers" onclick="setAnswer(0,getCheckedValue(document.forms[0].question0));setAnswer(1,[document.forms[0].question1_a.value,document.forms[0].question1_b.value,document.forms[0].question1_c.value]);CheckAnswers();" />
</div>
</form>
</body>
</html>
Hi! I need to make my own web page with quiz on it! Something like this http://www.javascriptkit.com/script/popquiz.htm The main problem - how to calculate scores? I need to make, for example, pop up box that shows, how many answers are right/wrong. What should I use for that? Hello, I am currently making a multiple choice program in JS using 3 arrays, one to call the question, one to store the user answer and one to store the real answer. The answers will then be compared to find the score. I have done most of it, but am still having one problem, I am using prompts and when I call the question, only the text in the if statement "qArray[counter]" is actually showing on the prompt and not the actual question from the array and I wondered if anyone could help? Thanks <html> <head><B>Multiple Choice Quiz</B> </head> <body> <script language = 'JavaScript'> document.write('<br><br>This program allows multiple choice questions to be asked - once finished a calculation will total your score.<br>'); qArray = new Array(); qArray = ['What is the capital of England? London/Paris/Cardiff/Berlin', 'What is the capital of France? London/Paris/Cardiff/Berlin', 'What is the capital of Wales? London/Paris/Cardiff/Berlin', 'What is the capital of Germany? London/Paris/Cardiff/Berlin']; aArray = new Array(); aArray = ['London', 'Paris', 'Cardiff', 'Berlin']; //array of the answers counter = 0; NumberofQuestions = 4; score = 0; while (counter < NumberofQuestions){ if (counter == 0){ question1=prompt('qArray[counter]',''); } if (counter == 1){ question2=prompt('qArray[counter]',''); } if (counter == 2){ question3=prompt('qArray[counter]',''); } if (counter == 3){ question4=prompt('qArray[counter]',''); } counter++; } studentAnswers = new Array(); studentAnswers = [question1, question2, question3, question4]; //an array with the answers the student has inputted counter = 0; while (counter < NumberofQuestions){ if (studentAnswers[counter] == aArray[counter]){ score++; } counter++; } document.write ('You have finished the quiz, your total marks will be calculated.'); //inform student that they have finished document.write('You scored: ',score,' /4'); //prints the score to screen. </script> </body> </html> Hi, I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed as follows; -------------------------------------------------------- Q1: The largest mammal on land is: (radio button choices) Q2: Please tick the two correct answers: (tick boxes, four available... only two correct) ---------------------------------------------------------- (BUTTON: Please click here for the answers) ... answers should appear once the above button is pressed... Answers: Q1: B Q2: A * C Is this possible in a simple way? Sounds quite straight-forward but I'm no expert so forgive me.. Ps: Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)... Thanks 4 your time! I have just used an Analysis Quiz tool (on this page http://javascript.about.com/library/blquizf.htm) to create a quiz which doesn't have right or wrong answers but adds the scores of the answers together. It all works nicely, HOWEVER I require 5 answers as opposed to the maximum of four which has been offered on this site. The (partial) code is: Code: var quiz = new Array(); var r = 0;
var analPage = 'result.html';
quiz[r++] =('93726~71~1. How often do you have a drink containing alcohol?~Never~Once a month or less~2 to 4 times a month~2 to 3 times a week~0~3');
quiz[r++] =('48844~37~How many units of alcohol do you have on a typical day when you are drinking?~1-2~3-4~5-6~7-9~0~3');
I thought it would be straight forward and I could add another option at the end of each string and then change the scoring e.g. quiz[r++] =('93726~71~1. How often do you have a drink containing alcohol?~Never~Once a month or less~2 to 4 times a month~2 to 3 times a week~4 or more times a week~0~4'); but this didn't work ... please help! Thank you Hello, I am trying to figure out how to write a quiz that has one question per html page, then once the choice has been selected, it will go to another page and tally a total at the end. Can this be done? And if so, can you point me in the right direction to research? Thanks in advance, Tanya Hello All, I'm trying to find a script that would be able to do the following: The are two drop down boxes, the first one populating the second (state/county --> town) The first box is single choice, the second is multiple choice. I'm looking for a script that would be able to deal with generating the code for all possible values that could be chosen in the second drop down box. The drop down boxes are part of a form which allow people to search for educational courses within areas of a state/county. I've had a good root around the internet but am rapidly getting confused ... many thanks in advance. Si. I am facing an issue where a link on my website opens in a new window if you simply click on it. However, if you right click and say open in new window or new tab, it opens the same window (URL) again from where the link is clicked. Self Service Option is a link and the JSP calls a function getSelfServSite() when the link is clicked. This is how the code flows in my case function getSelfServSite() { getToTheLink("${myConfigInfo.selfServiceURL}"); // this is because the URL is configurable } function getToTheLink(url) { window.open (url, "currentWindow", ""); } What am I doing wrong. I want it to go to the right link no matter how the user click it. Please advise. Thanks Hello I need to make an answers page for a quiz but I don't know how to do it? Code is below if it helps Code:
<!DOCTYPE html>
<html>
<head>
<title>QUIZ</title>
<script>
var Q = function (id, text, correct, wrong) {
this.id = id;
this.text = text;
this.correct = correct;
this.wrong = wrong;
this.answers = this.correct.concat(this.wrong)
}
Q.prototype = {
blah: function () {
document.write("<p>x<\/p>");
},
write: function () {
if (this.asked) {
return false;
}
this.asked = true;
document.write( '<p>' + this.text + '<\/p>');
document.write( '<form>');
var type = ( this.correct.length > 1 ? "checkbox" : "radio" );
for (var i in this.answers) {
document.write( '<input type="'+type+'" name="'+this.id+'">'+this.answers[i]+'<\/input><br>');
}
document.write( '<\/form>');
return true;
}
}
var questions = [
new Q(
"Q1",
"Question 1",
["Correct Answer"],
["Incorrect", "Incorrect", "Incorrect"]
),
new Q(
"Q2",
"Question 2",
["Correct Answer", "Correct Answer"],
["Incorrect", "Incorrect", "Incorrect"]
),
new Q(
"Q3",
"Question 3",
["Correct Answer", "Correct Answer"],
["Incorrect", "Incorrect", "Incorrect"]
),
new Q(
"Q4",
"Question 4",
["Correct Answer"],
["Incorrect", "Incorrect."]
)
];
var askQuestions = function () {
var asked = 0;
while (asked < 3) {
var num = Math.floor( Math.random() * questions.length );
var question = questions[num];
if (question.write()) {
asked++;
}
}
};
askQuestions();
</script>
<BR>
<input name="Submit" type="Submit" value="How did I do?">
</body>
</html>
Any suggestions? Thanks first of all, heres my body code (dont mind the questions, theyre in greek): Code: <form name="htmltest" onSubmit="return check1() && check2() && check3() && check4() && check5() && check6() && results()"> <b>1) Τι σημαίνει HTML?</b><br> <input type="radio" name="q1" value="a" onclick="score[1]=0">a) Home Tool Markup Language<br> <input type="radio" name="q1" value="b" onclick="score[1]=0">b) Hyperlinks and Text Markup Language<br> <input type="radio" name="q1" value="c" onclick="score[1]=1">c) Hyper Text Markup Language<br> <b>2) Διάλεξε το σωστό HTML tag για την μεγαλύτερη επικεφαλίδα:</b><br> <input type="radio" name="q2" value="a" onclick="score[2]=0">a) < h6 ><br> <input type="radio" name="q2" value="b" onclick="score[2]=0">b) < head ><br> <input type="radio" name="q2" value="c" onclick="score[2]=1">c) < h1 ><br> <b>3) Ποιο είναι το σωστό HTML tag για line break?</b><br> <input type="radio" name="q3" value="a" onclick="score[3]=0">a) < break ><br> <input type="radio" name="q3" value="b" onclick="score[3]=0">b) < lb ><br> <input type="radio" name="q3" value="c" onclick="score[3]=1">c) < br ><br> <b>4) Διάλεξε το σωστό HTML tag για να κάνεις bold κάποια γράμματα:</b><br> <input type="radio" name="q4" value="a" onclick="score[4]=0">a) < bold ><br> <input type="radio" name="q4" value="b" onclick="score[4]=1">b) < b ><br> <input type="radio" name="q4" value="c" onclick="score[4]=0">c) < text.bold ><br> <b>5) Ποιος είναι ο σωστός τρόπος για να δημιουργήσετε έναν υπερσύνδεσμο;</b><br> <input type="radio" name="q5" value="a" onclick="score[5]=0">a) < a url="http://www.unipi.gr">Unipi.gr < / a><br> <input type="radio" name="q5" value="b" onclick="score[5]=1">b) < a href="http://www.unipi.gr">Unipi.gr< / a><br> <input type="radio" name="q5" value="c" onclick="score[5]=0">c) < a >http://www.unipi.gr"< / a><br> <b>6) Ποια απο τα παρακάτω HTML tag απευθύνονται όλα σε πίνακα?</b><br> <input type="radio" name="q6" value="a" onclick="score[6]=0">a) < table >, < head >, < tfoot ><br> <input type="radio" name="q6" value="b" onclick="score[6]=0">b) < table >, < tr >, < tt ><br> <input type="radio" name="q6" value="c" onclick="score[6]=1">c) < table >, < tr> , < td ><br> <input type="submit" value="Αξιολόγηση"> <input type="reset" value="Reset"><br><br> </form> and here's my javascript code Code: function check1()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q1.length; counter++)
{
if (htmltest.q1[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
function check2()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q2.length; counter++)
{
if (htmltest.q2[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
function check3()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q3.length; counter++)
{
if (htmltest.q3[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
function check4()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q4.length; counter++)
{
if (htmltest.q4[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
function check5()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q5.length; counter++)
{
if (htmltest.q5[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
function check6()
{
var radio_choice=false;
for (counter=0; counter < htmltest.q6.length; counter++)
{
if (htmltest.q6[counter].checked )
radio_choice=true;
}
if (!radio_choice)
{
alert("Παρακαλώ απαντήστε σε όλες τις ερωτήσεις")
return (false);
}
return(true);
}
var score = new Array;
function results()
{
var i, total;
total = 0;
for(i=1;i<=6;i++)
{
total += score[i];
}
window=window.open("resultshtml.html","answers","width=400px,height=700px");
document.write(total);
}
what i want is, first of all an easier way to get an alert if not all questions are answered because mine (6 different functions) is a bit long. Also, when you press submit, a new window must pop up (not an alert box) with your score and the correct answers. I managed to get the window to pop up but i cant make it show the variable "total" value which contains the score (from the function "results"). Any ideas? Hi, I am looking for a javascript quiz script that will allow me to grade individual sections of a quiz rather than grading the quiz as a whole. I am looking to setup an online test consisting of a number of sections but the output must grade each section individually. Any help apprecaited! Hello all! Quick question regarding basic cookies. I have a button that runs a function that creates a cookie onclick; document.cookie = ("cookie1=500"); whenever i display this later, despite the fact i've clicked the button 3 times. It only displays once. Is there a way I could display this AS MANY TIMES as the button was clicked. Any help is appreciated. Code: <script type="text/javascript">
var cookies = document.cookie;
var cookie_name = new Array();
var cookie_value = new Array();
if (cookies.length > 0 ) {
var cookies = cookies.split("; ");
for( var x = 0 ; x < cookies.length ; x++ ) {
var cookie_parts = cookies[x].split("=");
cookie_name[x] = cookie_parts[0];
cookie_value[x] = cookie_parts[1];
}
}
function writeProducts() {
function removeItem() {
cookie_name[x] + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
var total = 0;
var tempstring = "";
var prodTable = document.getElementById('tblProducts');
var prodRow;
var prodQuantity;
var prodName;
var prodPrice;
for( var x = 0 ; x < (cookie_name.length) ; x = x + 1) {
prodRow = document.createElement('tr');
prodName = document.createElement('td');
prodPrice = document.createElement('td');
prodCheck = document.createElement('td');
prodName.innerHTML = cookie_name[x];
prodPrice.innerHTML = "$" + cookie_value[x];
prodCheck.innerHTML = tempstring + '<input type="button" value="Remove from Cart" />'
total = parseInt(total + parseInt(cookie_value[x]));
prodRow.appendChild(prodName);
prodRow.appendChild(prodPrice);
prodRow.appendChild(prodCheck);
prodTable.appendChild(prodRow);
}
document.getElementById('spnProducts').innerHTML = tempstring;
tempstring = tempstring + "Total :" + " " + '$' + total;
document.getElementById('spnTotal').innerHTML = tempstring;
}
<script>
The following quiz template only supports 4 possible answers. Id like to add a 5th answer. Should be quite easy to do, but I dont know any programming. http://javascript.about.com/library/blquizf.htm On the template above each possible answer can be given a different score. Then at the and it adds up the score and displays a message according to your total score. Thanks in advance Heres the code: The following is contained in file quizhead.js: var quiz = new Array(); var r = 0; var analPage = 'results.html'; quiz[r++] =('38901~16~What score would you give to your supervisor?~Bad~Average~Good~Excellent~1~4'); The following goes to on the page where the questions appear on the head section: <script src="quizhead.js" type="text/javascript"> </script> The following is contained in quizbody.js file: // Analysis Quiz Javascript // copyright 20th December 2004 - 13th May 2005, by Stephen Chapman // permission to use this Javascript on your web page is granted // provided that all of the code in this script (including these // comments) is used without any alteration function displayResult(cor) { document.write('<div style="font-size:14px;"><b>You have completed the quiz.<\/b><\/div><blockquote><span style="font-size:12px;">*<br \/>*<br \/>*<br \/>*<br \/><\/span><\/blockquote><div><a href="'+analPage+'?cor='+cor+'">Your result</a><\/div>'); } var qsParm = new Array(); function qs() { var query = window.location.search.substring(1); var parms = query.split('&'); for (var i=0; i<parms.length; i++) { var pos = parms[i].indexOf('='); if (pos > 0) { var key = parms[i].substring(0,pos); var val = parms[i].substring(pos+1); qsParm[key] = val; } } } qsParm['questnum'] = 0; qsParm['cor'] = 0; qs(); var questnum = qsParm['questnum']; var cor = qsParm['cor'];cor=cor%475; function checkAnswer(e,b,g){ var a = -1; var x = Math.floor(g/b); // x = bdca for (var i=0; i<e.c.length; i++) {if (e.c[i].checked) {a = i;}} if (a == -1) { alert("You must select an answer"); return false; } var b = new Array(); b[1] = Math.floor(x/1000); x -= b[1]*1000; b[3] = Math.floor(x/100); x -= b[3]*100; b[2] = Math.floor(x/10); b[0] = x - b[2]*10; cor += b[a]; var www = self.location.href.lastIndexOf('?'); var thispage = self.location.href; if (www != -1) thispage = self.location.href.substr(0,www); questnum++; var p = Math.floor((Math.random() * 8) + 2); var m = (p * 475) +cor; top.location = thispage + '?questnum='+ questnum +'&cor='+m; return false; } function result(cor) { var lo = 0, hi = 0; for (var i=0;i < quiz.length;i++) { var f = quiz[i].split('~'); lo += parseInt(f[7]); hi += parseInt(f[8]); } return Math.round((cor - lo) * 100 / (hi - lo)); } var tblsz = quiz.length; document.write('<table align="center" cellpadding="3" width="350" border="1"><tr>'); if (questnum < quiz.length) { var f = quiz[questnum].split('~'); document.write('<td align="left"><form name="myForm"><div style="font-size:14px;">Question: '+f[2]+'</div><blockquote><span style="font-size:12px;">\n'); document.write('<input type="radio" name="c" value="0" /> '+f[3]+'<br />\n'); document.write('<input type="radio" name="c" value="1" /> '+f[4]+'<br />\n'); if (f[5] != '') document.write('<input type="radio" name="c" value="2" /> '+f[5]+'<br />\n'); if (f[6] != '') document.write('<input type="radio" name="c" value="3" /> '+f[6]+'<\/span><\/blockquote>\n'); document.write('<div align="right"><input type="button" value="Next Question" onclick="checkAnswer(myForm,'+f[1]+','+f[0]+');return false;" /><\/div><\/form>\n'); } else { document.write('<td align="center">\n'); document.write('<form name="myForm">'); displayResult(result(cor)); document.write('<\/form>\n');} document.write('<\/td><\/tr><\/table>\n'); The following goes on the page where the questions appear on the body section: <script src="quizbody.js" type="text/javascript"> </script><noscript><table align="center" cellpadding="3" width="350" border="1"><tr> <td align="left"><div><b>This Quiz requires Javascript</b> </div><blockquote>You either have Javascript disabled <br />or the browser you are using does not<br /> support Javascript. Please use a Javascript<br /> enabled browser to access this quiz.<br /> <br /> </blockquote></td></tr></table></noscript> The following is contained in the quizresh.js file: // Analysis Quiz Javascript // copyright 20th December 2004, by Stephen Chapman // permission to use this Javascript on your web page is granted // provided that all of the code in this script (including these // comments) is used without any alteration var qsParm = new Array(); function qs() { var query = window.location.search.substring(1); var parms = query.split('&'); for (var i=0; i<parms.length; i++) { var pos = parms[i].indexOf('='); if (pos > 0) { var key = parms[i].substring(0,pos); var val = parms[i].substring(pos+1); qsParm[key] = val; } } } qsParm['cor'] = 0; qs(); var cor = qsParm['cor']; This goes on the page where the results are displayed on the head section: <script src="quizresh.js" type="text/javascript"> </script> The following is contained in the quizresb.js file: // Analysis Quiz Results if (cor <= 25) document.write('<p>Good<\/p>'); else if (cor <= 50) document.write('<p>Very Good<\/p>'); else if (cor <= 75) document.write('<p>Excellent<\/p>'); else document.write('<p>Perfect<\/p>'); This goes on the results page on the body section: <script src="quizresb.js" type="text/javascript"> </script> I'm still new to javascript.. My question: How and where do I add an alert that comes up to make sure the user answers all questions before the pop-up window comes up to display score and answers? Here is a link to the quiz Thanks sooo much!! Below is the code.. Code: <script language="javascript" type="text/javascript">
var done = new Array;
var yourAns = new Array;
var score = 0;
function getRBtnName(GrpName) {
var sel = document.getElementsByName(GrpName);
var fnd = -1;
var str = '';
for (var i=0; i<sel.length; i++) {
if (sel[i].checked == true) { str = sel[i].value; fnd = i; }
}
// return fnd; // return option index of selection
// comment out next line if option index used in line above
return str;
}
function StatusAllCheckboxes(IDS,cnt) {
var str = '';
IDS = 'q'+IDS;
var tmp = '';
for (var i=0; i<cnt; i++) {
tmp = document.getElementById(IDS+'_'+i);
if (tmp.checked) { str += tmp.value + '|'; }
}
return str;
}
// function Engine(question, answer, opt, Qtype) {
function Engine(question, answer, Qtype) {
switch (Qtype) {
case "RB" : yourAns[question] = answer; break;
case "SB" : yourAns[question] = answer; break;
default : yourAns[question] = ''; alert('Invalid question type: '+Qtype); break;
}
}
function EngineCB(question, answer, itemcnt) { // answer is not used at this time
yourAns[question] = StatusAllCheckboxes(question,itemcnt);
// alert('question: '+question+' :'+yourAns[question]);
}
//This is the code that calculates the score.
function Score(){
score = 0;
var tmp = '';
var answerText = "Quiz Results<p>"; // alert('Size of QR: '+QR.length);
for (var i=1; i<QR.length; i++) {
answerText = answerText+"<br>Question :"+i+" Your answer: "+yourAns[i]+"<br>";
tmp = QR[i][3];
if (QR[i][0] == 'CB') { tmp = tmp+'|'; }
// alert(i+' : '+tmp+' : '+yourAns[i]+'\n\n'+answerText+'\n\n');
if (tmp != yourAns[i]) {
answerText = answerText+"<br>The correct answer was "+QR[i][3]+"<br>"+explainAnswer[i]+"<br>";
} else {
answerText = answerText+" <br>You got this one right! <br>";
score++;
}
}
answerText=answerText+"<br><br>Your total score is : "+score+" out of "+(QR.length-1)+"<br>";
// for varying number of questions, alter scoring
var ScoreMax = QR.length-1;
var ScoreInc = Math.floor(ScoreMax / 12); // Don't have fewer than 5 questions.
answerText=answerText+"<br>Comment : ";
if(score<=ScoreInc){ answerText=answerText+"Not quite."; }
if(score>=(ScoreInc+1) && score <=(ScoreInc*2)){ answerText=answerText+"Try Again!."; }
if(score>=(ScoreInc*2+1) && score <=(ScoreInc*3)){ answerText=answerText+"Rats!."; }
if(score>=(ScoreInc*3+1) && score <=(ScoreInc*4)){ answerText=answerText+"Maybe better next time"; }
if(score>=(ScoreInc*4+1) && score <=(ScoreInc*5)){ answerText=answerText+"Try Again!"; }
if(score>=(ScoreInc*5+1) && score <=(ScoreInc*6)){ answerText=answerText+"I bet you can do better!"; }
if(score>=(ScoreInc*6+1) && score <=(ScoreInc*7)){ answerText=answerText+"Hey, pretty good job!"; }
if(score>=(ScoreInc*7+1) && score <=(ScoreInc*8)){ answerText=answerText+"You almost got it!"; }
if(score>=(ScoreInc*8+1) && score <=(ScoreInc*9)){ answerText=answerText+"Pretty Good! "; }
if(score>=(ScoreInc*9+1) && score <=(ScoreInc*10)){ answerText=answerText+"Almost! You can do it!"; }
if(score>(ScoreInc*11+1)){ answerText=answerText+"You did GREAT! Congratulations."; }
var w = window.open('', '', 'height=500,width=750,scrollbars');
w.document.open();
w.document.write(answerText);
w.document.close();
}
</script>
Code: <form name="myform" class="quiz">
<ol>
<script type="text/javascript">
var str = '';
var tmpr = [];
var resp = ['True','False']; // allows for up to 10 responses (can have more)
for (q=1; q<QR.length; q++) {
str += '<li class="quiz">'+QR[q][1]+'</li><br />';
tmpr = QR[q][2].split('|');
switch (QR[q][0]) {
case 'RB' :
for (var r=0; r<tmpr.length; r++) {
str += '<input type="radio" name="q'+q+'" value="'+resp[r]+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')">';
str += ' '+tmpr[r]+'<br />';
} break;
case 'CB' :
for (var r=0; r<tmpr.length; r++) {
str += '<input type="checkbox" id="q'+q+'_'+r+'" name="q'+q+'" value="'+resp[r]+'"';
str += ' onClick="EngineCB('+q+',this.value,'+tmpr.length+')">';
str += resp[r]+' '+tmpr[r]+'<br />';
} break;
case 'SB' :
str += '<select name="q'+q+'" size="1" id="q'+q+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')">';
for (var r=0; r<tmpr.length; r++) {
str += '<option value="'+resp[r]+'">';
str += tmpr[r]+'</option>';
} str += '</select>'; break;
/* test code for future entries -- not implemented yet
case 'CBM' : break;
case 'SBM' :
str += '<select name="q'+q+'" size="1" id="q'+q+'"';
str += ' onClick="Engine('+q+',this.value,\''+QR[q][0]+'\')" multiple>';
for (var r=0; r<tmpr.length; r++) {
str += '<option name="q'+q+'" value="'+resp[r]+'">';
str += tmpr[r]+'</option>';
} str += '</select>'; break;
*/
default : str += q+': Invalid type: '+QR[q][0]; break;
}
str += "<p />";
}
document.write(str);
</script>
<br />
<br />
<input type=button onClick="Score()" value="How did I do?">
</ol>
</form>
Hello, I have a script I am using which works great, except when I copy the code and have multiple events it only shows the first one. This I believe is because it's calling the first class name of it's kind. I want the class's to be named the same thing (css styling) and because the site is going to be dynamically driven, but is there a way to modify my script so that instead of looking for the first class it recognizes the right class associated with the button clicked. If anyone can help me fix this problem I am having I would be most appreciative.. Code: <script language="javascript">
function toggle() {
var ele = document.getElementById("commpopup");
if(ele.style.display == "block") {
ele.style.display = "none";
}
else {
ele.style.display = "block";
}
}
</script>
<div class="togglecomment">
<div class="popup" id="commpopup">
<div class="commentbtn"><a href="#"><img src="images/commenticon.png" align="absmiddle" />Comment</a></div>
</div>
<div class="button"><a href="javascript:toggle();"><img src="images/comment_btn.jpg" /></a></div>
</div>
I need to comment on my code. I did what i can but i have been told that it is still not enough. can anybody help me with this one ? < Code: <HTML>
<HEAD>
<TITLE>SIMPLE QUIZ ON ANIMAL ZOO</TITLE>
<STYLE TYPE="text/css"> <!-- CSS code for my header -->
BODY {text-align:center}
</style>
<script language="JavaScript">
// An Array is a special type of variable
var x; // The letter x is used to hold a value and also expressions
x = 0; //This states that variable x has value of 0.
var Pictures = new Array(4); //It declares a variable to an array
var Questions = new Array(4);//It declares a variable to an array
var answers1 = new Array (); // It declares a varibale to an array
var answers2 = new Array (); // It declares a varibale to an array
var answers3 = new Array (); // It declares a varibale to an array
var answers4 = new Array (); // It declares a varibale to an array
var correctanswers = new Array(4);
var score = 0; // It keeps the pathway of the score
var userans = new Array (4);//The variable is declaring new array
var incorr = 0;
var isChecked = false; //The variable is defined as boolean by giving an initial value of false
Pictures[0] = "Pic/1.jpg"; // These are the pictures for the quiz
Pictures[1] = "Pic/2.jpg";
Pictures[2] = "Pic/3.jpg";
Pictures[3] = "Pic/4.jpg";
Pictures[4] = "Pic/5.jpg";
Questions[0] = "Which is the biggest shark?"; // These are the questions
Questions[1] = "How much can tiger weighs?";
Questions[2] = "What colour are skunks?";
Questions[3] = "Why do red-eyed tree frogs have big red eyes? ";
Questions[4] = "Which family of animals does the chimp belong to?";
answers1[0] = "Tiger shark"; // These are the answers for text box1
answers1[1] = "200 kilos";
answers1[2] = "Red and white";
answers1[3] = "To look like plants";
answers1[4] = "Apes";
answers2[0] = "Great white Shark"; // These are the answers for text box2
answers2[1] = "300 kilos";
answers2[2] = "Blue and Yellow";
answers2[3] = "To have better view at their food";
answers2[4] = "Monkey";
answers3[0] = "Grey reef shark"; // These are the answers for text box3
answers3[1] = "360 kilos";
answers3[2] = "Black and white";
answers3[3] = "To look far";
answers3[4] = "Gorilla";
answers4[0] = "Hammerhead shark"; // These are the answers for text box4
answers4[1] = "420 kilos";
answers4[2] = "Green";
answers4[3] = "To scare the predators";
answers4[4] = "Chimpanzee";
correctanswers[1] = 2; // These are the correct answers for the questions.
correctanswers[2] = 3;
correctanswers[3] = 3;
correctanswers[4] = 4;
correctanswers[5] = 1;
function Next(){ //It calls the function "Next"
for (i=0; i<document.Form.answer.length; i++)
{
if (document.Form.answer[i].checked==true)
isChecked = true;
}
if (isChecked==false)
alert ("Please Select an Answer");
else
{
for (var i=0; i<document.Form.answer.length; i++) {
if (document.Form.answer[i].checked==true){
userans[x]= i + 1;
//document.Form.answer[i].checked = false;
}
}
if (userans[x]==correctanswers[x])
alert ("This is the correct answer");
else
alert ("This is not the correct answer");
//alert (document.Form.answer[i].value);
//alert (userans[x]);
Picture();
}
}
/* The code below calls the function Picture. The code below does the following:
Adds score if the answer is right
*/
function Picture() {
if (x==5){
for (var k=0; k<5; k++) {
if (userans[k]==correctanswers[k]) {
score = score + 1
}
else {
incorr = incorr + 1
}
}
alert("The score is " + score + " \n \n Correct Answers a \n \n 1. Great white shark \n 2. 360 Kilos \n 3. Black and white \n 4. To scare the predators \n 5. Apes" );
}
else{
//The code will display the pictures, questions and answers in the browser
document.Pic.src=Pictures[x];
Form.questions.value = Questions[x]; // It shows the questions inside the form in text
Form.text1.value=answers1[x]; // It shows the answers1 inside the form in text1
Form.text2.value=answers2[x]; // It shows the answers2 inside the form in text2
Form.text3.value=answers3[x]; // It shows the answers3 inside the form in text3
Form.text4.value=answers4[x]; // It shows the answers4 inside the form in text4
x = x + 1;
}
isChecked = false
for (i=0; i<document.Form.answer.length; i++)
{
document.Form.answer[i].checked=false;
}
}
function Restart() //This code is used for "Restart" button which will restart the quiz to the beginning.
{
location.reload(true);
}
// When the page loads this code will dispaly the first Questions and Pictures and it will carry on.
</script>
</HEAD>
<BODY>
<BODY BODY BGCOLOR="Maroon">
<FONT FACE="ARIAL" Size="+3" COLOR="GOLD">
<CENTER><B><U> SIMPLE QUIZ ON ANIMAL ZOO </U></B></CENTER>
<br>
</FONT>
<BLOCKQUOTE>
<FONT FACE="ARIAL" Size="+1" COLOR="BEIGE">
<body onload="Picture()">
<form name="Form"><br>
<img name="Pic" src="Pic/1.jpg" width="130" height="140" />
<br>
<br>
<input type="text" size="90" height="250" name="questions" /><br /><br />
<input type="radio" name="answer" value="1" /><input name = "text1" size="45 height ="250"/><br />
<br />
<input type="radio" name="answer" value="2" /><input name = "text2" size="45 height ="250"/><br /><br>
<input type="radio" name="answer" value="3" /><input name = "text3" size="45 height ="250"/> <br>
<br />
<input type="radio" name="answer" value="4" /><input name = "text4" size="45 height ="250"/> <br><br>
<input name="return" Type=Button Value=" Restart " onclick="Restart()">
<input name="Submit" Type=Button Value=" Next " onClick="Next()">
</form>
</body>
</html>
Hi, I was tasked with creating a JavaScript quiz... I succeeded in doing so but part of the requirement was to use hidden fields for the answers. Would this be possible using the code I currently have: Thanks Code: <html>
<head>
<script type="text/javascript">
function valid()
{
cor = "0"
incor = "0"
test0 = document.myform.elements[0].value;
test1 = document.myform.elements[1].value;
test2 = document.myform.elements[2].value;
test3 = document.myform.elements[3].value;
test4 = document.myform.elements[4].value;
test5 = document.myform.elements[5].value;
test6 = document.myform.elements[6].value;
test7 = document.myform.elements[7].value;
test8 = document.myform.elements[8].value;
test9 = document.myform.elements[9].value;
if (test0 == "64")
{
alert("Congratulations you got question one correct!");
++cor
}
else alert("Sorry, you got question one incorrect!");
if (test1 == "56")
{
alert("Congratulations you got question two correct!");
++cor
}
else alert("Sorry, you got question two incorrect!");
if (test2 == "7")
{
alert("Congratulations you got question three correct!");
++cor
}
else alert("Sorry, you got question three incorrect!");
if (test3 == "8")
{
alert("Congratulations you got question four correct!");
++cor
}
else alert("Sorry, you got question four incorrect!");
if (test4 == "100")
{
alert("Congratulations you got question five correct!");
++cor
}
else alert("Sorry, you got question five incorrect!");
if (test5 == "1947")
{
alert("Congratulations you got question six correct!");
++cor
}
else alert("Sorry, you got question six incorrect!");
if (test6 == "1")
{
alert("Congratulations you got question seven correct!");
++cor
}
else alert("Sorry, you got question seven incorrect!");
if (test7 == "7")
{
alert("Congratulations you got question eight correct!");
++cor
}
else alert("Sorry, you got question eight incorrect!");
if (test8 == "132")
{
alert("Congratulations you got question nine correct!");
++cor
}
else alert("Sorry, you got question nine incorrect!");
if (test9 == "5280")
{
alert("Congratulations you got question ten correct!");
++cor
}
else alert("Sorry, you got question ten incorrect!");
//else ++incor
alert("you got " + cor + " right\n You got " + cor/10 * 100 + "% correct!");
}
</script>
</head>
<body>
<form name="myform">
<table border="1" cellpadding="10">
<tr><td>1. 64 added to what number gives a sum of 128?</td><td><input type="text" name="q1"></td></tr>
<tr><td>2. The product of 8 and 7 is?</td><td><input type="text" name="q2"></td></tr>
<tr><td>3. 35 divided by 5 is:</td><td><input type="text" name="q3"></td></tr>
<tr><td>4. 40 divided by 5 is:</td><td><input type="text" name="q4"></td></tr>
<tr><td>5. What is the area of rectangle that measure 5 by 20?</td><td><input type="text" name="q5"></td></tr>
<tr><td>6. What is 3054 subtracted from 5001?</td><td><input type="text" name="q6"></td></tr>
<tr><td>7. What is the result of 5 x 8-39?</td><td><input type="text" name="q7"></td></tr>
<tr><td>8. What is the binary number 111 in decimal?</td><td><input type="text" name="q8"></td></tr>
<tr><td>9. The sum of 33 and 44 and 55 is:</td><td><input type="text" name="q9"></td></tr>
<tr><td>10. How many feet in a mile?</td><td><input type="text" name="q10"></td></tr>
<tr><td><input type="button" onClick="valid()" value="score"></td><td><input type="reset"></td></tr>
</form>
</table>
</body>
</html>
|
|||||||