|
JavaScript - Few Questions About A Javascript Based Quiz Game.
Inside of here if you save as a .html and open it it will pull up the game a series of 5 boxes and 5 answers underneath, Currently those 5 answers correctly correlate with each box so you know what they are considering you don't have the .jpgs to display them. The one in bold is the "question" when you click on the one that correlates with the bold it should tell you Correct! 100. 100 being your score and if you get it wrong it will say sorry! and then take your score down to a 50 since you got 1 out of 2 wrong. The problem is when you get it wrong it also immediatly says Congrats! after you get it wrong So it will prompt a Sorry! alert and a Congrats! alert on the wrong answer.
The second problem is after the user gets it right or wrong, I need it to re random the list of answers and images. Whilst keeping the score intact for up to 20 questions. Please help! Code: <body>
<script type="text/javascript">
var counter = 0;
var correct = 0;
function show_alert0()
{
{counter++;}
if (randomname0 != final)
{alert("Sorry." + (( correct / counter ) * 100 ));}
else
{correct++;}
{alert("Congrats!" + (( correct / counter ) * 100 ));}
}
function show_alert1()
{
{counter++;}
if (randomname1 != final)
{alert("Sorry." + (( correct / counter ) * 100 ));}
else
{correct++;}
{alert("Congrats!" + (( correct / counter ) * 100 ));}
}
function show_alert2()
{
{counter++;}
if (randomname2 != final)
{alert("Sorry." + (( correct / counter ) * 100 ));}
else
{correct++;}
{alert("Congrats!" + (( correct / counter ) * 100 ));}
}
function show_alert3()
{
{counter++;}
if (randomname3 != final)
{alert("Sorry." + (( correct / counter ) * 100 ));}
else
{correct++;}
{alert("Congrats!" + (( correct / counter ) * 100 ));}
}
function show_alert4()
{
{counter++;}
if (randomname4 != final)
{alert("Sorry." + (( correct / counter ) * 100 ));}
else
{correct++;}
{alert("Congrats!" + (( correct / counter ) * 100 ));}
}
</script>
<script type="text/javascript">
var randomnumber0=Math.floor(Math.random()*66)
var randomnumber1=Math.floor(Math.random()*66)
var randomnumber2=Math.floor(Math.random()*66)
var randomnumber3=Math.floor(Math.random()*66)
var randomnumber4=Math.floor(Math.random()*66)
while (randomnumber0==randomnumber1 || randomnumber0==randomnumber2 || randomnumber0==randomnumber3 || randomnumber0==randomnumber4)
{randomnumber0=Math.floor(Math.random()*66)}
while (randomnumber1==randomnumber0 || randomnumber1==randomnumber2 || randomnumber1==randomnumber3 || randomnumber1==randomnumber4)
{randomnumber1=Math.floor(Math.random()*66)}
while (randomnumber2==randomnumber0 || randomnumber2==randomnumber1 || randomnumber2==randomnumber3 || randomnumber2==randomnumber4)
{randomnumber2=Math.floor(Math.random()*66)}
while (randomnumber3==randomnumber0 || randomnumber3==randomnumber1 || randomnumber3==randomnumber2 || randomnumber3==randomnumber4)
{randomnumber3=Math.floor(Math.random()*66)}
while (randomnumber4==randomnumber0 || randomnumber4==randomnumber1 || randomnumber4==randomnumber2 || randomnumber4==randomnumber3)
{randomnumber4=Math.floor(Math.random()*66)}
document.write('<p style="text-align:center">')
document.write('<em>Click on the ribbon that matches the name below.</em><br/><br/>')
document.write('<button type="button" height="300" width="300" onclick="show_alert0()"><img src="https://www.intelink.gov/sites/afpaa/Shared%20Documents/rank'+randomnumber0+'.jpg" height="300px" width="200px"></button>')
document.write('<button type="button" height="300" width="300" onclick="show_alert1()"><img src="https://www.intelink.gov/sites/afpaa/Shared%20Documents/rank'+randomnumber1+'.jpg" height="300px" width="200px"></button>')
document.write('<button type="button" height="300" width="300" onclick="show_alert2()"><img src="https://www.intelink.gov/sites/afpaa/Shared%20Documents/rank'+randomnumber2+'.jpg" height="300px" width="200px"></button>')
document.write('<button type="button" height="300" width="300" onclick="show_alert3()"><img src="https://www.intelink.gov/sites/afpaa/Shared%20Documents/rank'+randomnumber3+'.jpg" height="300px" width="200px"></button>')
document.write('<button type="button" height="300" width="300" onclick="show_alert4()"><img src="https://www.intelink.gov/sites/afpaa/Shared%20Documents/rank'+randomnumber4+'.jpg" height="300px" width="200px"></button><br/>')
document.write('</style>')
var name = new Array();
name[0] = "Airman";
name[1] = "Airman 1st Class";
name[2] = "Senior Airman";
name[3] = "Staff Sergeant";
name[4] = "Technical Sergeant ";
name[5] = "Master Sergeant";
name[6] = "First Master Sergeant";
name[7] = "Senior Master Sergeant";
name[8] = "First Senior Master Sergeant";
name[9] = "Chief Master Sergeant";
name[10] = "First Chief Master Sergeant";
name[11] = "Command Chief Master Sergeant";
name[12] = "Chief Master Sergeant of the Air Force";
name[13] = "2nd Lieutenant";
name[14] = "1st Lieutenant";
name[15] = "Captain";
name[16] = "Major";
name[17] = "Lieutenant Colonel";
name[18] = "Colonel";
name[19] = "Brigadier General";
name[20] = "Major General";
name[21] = "Lieutenant General";
name[22] = "General";
name[23] = "General of the ...";
name[24] = "Private";
name[25] = "Private 1st Class";
name[26] = "Specialist";
name[27] = "Corporal";
name[28] = "Sergeant";
name[29] = "Staff Sergeant";
name[30] = "Sergeant First Class";
name[31] = "Master Sergeant";
name[32] = "First Sergeant";
name[33] = "Sergeant Major";
name[34] = "Command Sergeant Major";
name[35] = "Sergeant Major of the Army";
name[36] = "Warrant Officer (W01)";
name[37] = "Chief Warrant Officer (CW2) ";
name[38] = "Chief Warrant Officer (CW3)";
name[39] = "Chief Warrant Officer (CW4)";
name[40] = "Chief Warrant Officer (CW5)";
name[41] = "Private First Class";
name[42] = "Lance Corporal";
name[43] = "Corporal";
name[44] = "Sergeant";
name[45] = "Staff Sergeant";
name[46] = "First Sergeant";
name[47] = "Sergeant Major";
name[48] = "Master Gunnery Sergeant";
name[49] = "Warrant Officer (W0)";
name[50] = "Chief Warrant Officer (CW02)";
name[51] = "Chief Warrant Officer (CW03)";
name[52] = "Chief Warrant Officer (CW04)";
name[53] = "Chief Warrant Officer (CW05)";
name[54] = "Seaman Apprentice";
name[55] = "Seaman";
name[56] = "Petty Officer Third Class";
name[57] = "Petty Officer Second Class";
name[58] = "Petty Officer First Class";
name[59] = "Chief Petty Officer";
name[60] = "Second Chief Petty Officer";
name[61] = "Master Chief Petty Officer";
name[62] = "Fleet / Command Master Chief Petty Officer";
name[63] = "Master Chief Petty Officer of the Navy";
name[64] = "Chief Warrant Officer (CW02)";
name[65] = "Chief Warrant Officer (CW03)";
name[66] = "Chief Warrant Officer (CW04)";
var randomname0 = name[randomnumber0];
var randomname1 = name[randomnumber1];
var randomname2 = name[randomnumber2];
var randomname3 = name[randomnumber3];
var randomname4 = name[randomnumber4];
document.write(randomname0+'<br/>'+randomname1+'<br/>'+randomname2+'<br/>'+randomname3+'<br/>'+randomname4+'<br/>')
var randomname = new Array(5);
randomname[0] = name[randomnumber0];
randomname[1] = name[randomnumber1];
randomname[2] = name[randomnumber2];
randomname[3] = name[randomnumber3];
randomname[4] = name[randomnumber4];
var randomnamenum=Math.floor(Math.random()*4);
var final=randomname[randomnamenum];
document.write('<br/><br/><pstyle="text-align:center"><strong>'+final+'</strong></style><br>')
</script>
</body>
Similar TutorialsHi to every one. I'w created a mini javascript game for my site where you click on red button as fastest as you can for 10 seonds to achieve as best as you can click numbers per second. And the end score is a variable which I send to a function which reads the array that contains ten best scores and write your score in same array if it's among 10 best. Now I want to make somehow to save that array on server so I could read it on page load to show a high score list, but I'm having trouble to write that array in any kind of data on server that I could read it again from same data. I would be very grateful if someone can help me! sorry this post is duplicated, the original post:http://www.codingforums.com/showthread.php?t=261488
Hello all, * I'm very new to javascript and working on a quiz game. Theres a set of code im working on but i need help, and greatly appreciate any help. * After every questions, there is a tick or wrong animation/image that should pop over the answer card. I created the gif file one for a tick and one for a wrong: http://www.freeimagehosting.net/cqn91 http://www.freeimagehosting.net/v74v6 *By right the user should not be able to click on the answer cards anymore after finishing the quiz. For now the score keeps going up although the quiz is done. And after the quiz is done, a button should direct the user to the DetailedResult page, instead of the popup. *How to change the popup into a Html(DetailedResult) page, and instead of a text eg.(resent.jpg), how can I make the real image show, and if the qn is correct, how can I place a tick and if the qn is wrong how can I place a wrong image. Ive created both images. tick image==>http://i1069.photobucket.com/albums/...ttica/tick.jpg wrong image==>http://i1069.photobucket.com/albums/...ca/wrong-1.jpg *Suppose at the bottom of the html page, should have a button for the user to retry only wrong answers. *And how do i keep updating the user score for each attempt he tries on the table. Below are a set of code i'm working on, and another set of Html layout(DetailedResult) which i intend to achieve. Code: <!DOCTYPE HTML>
<html>
<head>
<title> Card Test </title>
<style>
img { margin:7px; }
#Question {
text-align:left;
font-family:"Vladimir Script";
font-size:40px;
}
</style>
<script type="text/javascript">
// For: http://www.codingforums.com/private....pm&pmid=124136
var baseURL = 'http://s1069.photobucket.com/albums/u475/felettica/';
var questions = [
// format [pic,[image1,imag2,image3]],
['happy.jpg', ['*|delight.jpg','|sad.jpg','|confuse.jpg']], // 0
['angry.jpg', ['|sad.jpg','*|resent.jpg','|joyful.jpg']], // 1
['father.jpg',['|sister.jpg','|mum.jpg','*|dad.jpg']], // 2
['sports.jpg',['|crying.jpg','*|soccer.jpg','|sleep.jpg']], // 1
['fruit.jpg', ['*|apple.jpg','|meat.jpg','|bacon.jpg']], // 0
];
var qNo = 0;
var correct = [];
function $_(IDS) { return document.getElementById(IDS); }
function NextQuestion(IDS) {
var response;
switch (IDS) {
case 'image1' : response = 0; break;
case 'image2' : response = 1; break;
case 'image3' : response = 2; break;
}
if (response == currentQuestion[4]) {
correct[0]++;
alert('Well Done');
} else {
alert('Wrong Answer');
}
correct.push(currentQuestion.join('|')+'|'+response); // alert(correct.join('\n'));
qNo++;
if (qNo < questions.length) {
$_('score').innerHTML = 'Sco '+correct[0];
showImages(qNo);
$_('Question').innerHTML = 'Question: '+(qNo+1);
} else {
$_('score').innerHTML = 'You had '+correct[0]+' correct answers for '+questions.length+' questions';
DisplayQuizResults();
// alert('End of quizi\n\n'+correct.join('\n'));
return;
}
// I created a two .gif animation of a tick and a wrong
// but unsure how to place it so that it appears on the
// correct answer image instead of the alertbox.
// Tick animation Url==> http://www.freeimagehosting.net/cqn91
// Wrong animation Url==>http://www.freeimagehosting.net/v74v6
// I tried to add a button to direct to the DetailedResult page
// which shows the correct and wrong questions but it didnt appear.
// It should appear after the alert('End of quiz'); pops up.
}
var currentQuestion = [];
function showImages(ptr) {
var tarr = []; var tmp = '';
currentQuestion = [];
currentQuestion.push(questions[ptr][0]); // 0
temp_questions = questions[ptr][1].slice();
temp_questions.sort(randOrd);
for (var i=0; i<3; i++) {
tarr = temp_questions[i].split('|')
if (tarr[0] != '') { tmp = i; } // save correct answer
currentQuestion.push(tarr[1]); // 1,2,3 // save response order
}
currentQuestion.push(tmp); // 4
$_("Pic").src=baseURL+currentQuestion[0];
$_("image1").src=baseURL+currentQuestion[1];
$_("image2").src=baseURL+currentQuestion[2];
$_("image3").src=baseURL+currentQuestion[3];
}
function randOrd() { return (Math.round(Math.random())-0.5); }
window.onload = function() {
correct = []; correct.push(0);
questions = questions.sort(randOrd);
showImages(0);
}
// Following from: http://www.yourhtmlsource.com/javascript/popupwindows.html
function DisplayQuizResults() {
var generator=window.open('','name','height=400,width=500');
generator.document.write('<html><head><title>Popup</title>');
generator.document.write('<link rel="stylesheet" href="style.css">');
generator.document.write('</head><body>');
var str = '';
var tarr = [];
// correct array format: item +|+ question +|+ answer +|+ response
var str = '<h1> Your Results</h1>';
for (var i=1; i<correct.length; i++) {
tarr = correct[i].split('|'); // item|img1|img2|img3|ans|resp
str += 'Question #'+i;
str += ' was: '+tarr[0];
str += '<br>Correct answer was: '+tarr[4] +'('+tarr[tarr[4]*1+1]+')';
if (tarr[4] != tarr[5]) {
str += ' but your answer was: '+tarr[5] +'('+tarr[tarr[5]*1+1]+')';
}
str += '<p>';
}
generator.document.write('<p>'+str+'<p>');
generator.document.write('<p><a href="java_script:self.close()">Close</a> the popup.</p>');
generator.document.write('</body></html>');
generator.document.close();
}
</script>
</head>
<body>
<div id="Question">Question: 1</div>
<div align="center">
<img id="Pic" src="" height="220" width="321"> <p>
<img id="image1" src="" width="269" height="171" onclick="NextQuestion(this.id)">
<img id="image2" src="" width="269" height="171" onclick="NextQuestion(this.id)">
<img id="image3" src="" width="269" height="171" onclick="NextQuestion(this.id)">
<p> <span id="score">Sco </span> <p></div>
</body>
</html>
================================================ Instead of the popup, instead i thought having it on a Html page (DetailedResult), the layout below ================================================ Code: <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
Table{
position:absolute;
left:632px;
top:97px;
width: 408px;
border:1px solid black;
}
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
</style>
</head>
<body>
<table width="472" border="0" cellspacing="0" cellpadding="0"> <!--In the table,the scores of the user should appear for the the current attempt and previous attempts so that the user can track his scores-->
<tr>
<th width="227" scope="row"><strong>My Attempts</strong></th>
<td width="181"> <div align="center">My sco </div></td>
</tr>
<tr>
<th height="19" scope="row">1st Attempt</th>
<td><div align="center">4/5</div></td>
</tr>
<tr>
<th scope="row">2nd Attempt</th>
<td> </td>
</tr>
<tr>
<th scope="row">3rd Attempt</th>
<td> </td>
</tr>
</table>
<h1> My Current Attempt </h1>
<p> </p>
<p>Question 1: "code to get Qn 1 image" "either tick image or wrong image" </p> <!-- For each qn, its picture will appear and either a tick or wrong image next to it. If the user answer it correctly, then a tick will appear or other wise. The image of the question would be smaller. -->
<p>Question 2: "code to get Qn 1 image" "either tick image or wrong image"</p>
<p>Question 3: "code to get Qn 1 image" "either tick image or wrong image"</p>
<p>Question 4: "code to get Qn 1 image" "either tick image or wrong image"</p>
<p>Question 5: "code to get Qn 1 image" "either tick image or wrong image"</p>
<p><button type="button">Retry Wrong Question</button><p> <!-- direct page to retry wrong qns once more -->
<!-- tick image URL:http://i1069.photobucket.com/albums/...ttica/tick.jpg
wrong image URL http://i1069.photobucket.com/albums/...ca/wrong-1.jpg
baseURL:http://s1069.photobucket.com/albums/u475/felettica/ -->
</body>
</html>
Hi there, we have quite a big and successful project going on. We're a bunch of hardcore hockey gaming people and we're editing a game that has its entire interface written in Javascript. The whole game has been completely rebuilt... graphics, sounds, etc. Also all menus have been changed and reconstructed and we have managed to add some really unique features (previously unseen in sports games). I have some really wild ideas for the interface but we're at a dead end because we don't really have anyone who has advanced JS skills. See our project here. You can see the completely rebuilt menu features in the thumbnails. If this forum has someone who's interested in hockey simulator & gaming and has JS skills and would like to develop this brilliant game with us, I would like to get in touch with him. I can send him the full (unmodified base game) any time. The modifications have to be installed from the thread I linked. Thanks in advance. Best regards Trent Ok so i want to work on an EASY basic game. As simple as Guess what number... But there are some twist... Ok So here is my example... (HTML, i know this.)I'm Guessing a number 1-99. What is it? (java) Lets say its 66 and they guess 53, have the text rusult be in a pop up window be: Too low! (java) Lets say they guess 78, have the text rusult be in a pop up window be: Too high! (java) Lets say they guess 100+, have the text rusult be in a pop up window be: Out of range! (java)But lets say they guess 66, have a text result be in a pop up window be: You've won! (java) I want a text field where you can enter your answer, and it will do the actions above. Can anyone code this? Thanks for reading! This is a simple basic game i want to make. Its a "What Am I" Riddle... The questions is (In HTML which i already know): I'm as light as a feather but no man can hold me for long. What am I? the answer is: Your Breath. (This is where the JAVASCRIPT comes in) Lets say they guess a rock, have a pop up say: Wrong Answer. Please try again. Lets say they guess Your breath -OR- Breath, have a pop up say: Correct! I want a text field where you can enter your answer, and if they choose ANYTHING but the 2 correct answers above, it will display please try again. Can anyone code this please? Thanks for reading. 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! 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>
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? 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 want to make a simple quiz in HTML using JavaScript. I have made a web page called scoreboard which contains two tables. I have attached the screen shot of how the web page looks as well as the coding here with this msg. below is the description of my web page. If you find it lengthy or not understandable, pls refer my attached image of the web page. Description one table contains two rows - one for direct answers and another for answers which are given during their pass chance in the quiz. There are four buttons - Team A, Team B, Team C and Team D for both the direct and pass. And the second table contains four text boxes which which displays the score for each Team. Now, in my web page i have typed the required coding so that when in click the TeamA, TeamB,...buttons in the direct row, the score board for Team A adds up 10 points. Now i want to add 5 points for the respective teams when i click their team button in the pass row. I am not able to code that. I am new to JS. so pls help me. the code goes below. thanks in advance. Code: <html>
<head>
<title>score card</title>
<form name="myform">
<script language="javascript">
function score_computeA(n)
{
var score = parseInt(document.myform.t1.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t1.value = score;
}
function score_computeB(n)
{
var score = parseInt(document.myform.t2.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t2.value = score;
}
function score_computeC(n)
{
var score = parseInt(document.myform.t3.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t3.value = score;
}
function score_computeD(n)
{
var score = parseInt(document.myform.t4.value,10);
n = parseInt(n,10);
score= score + n;
document.myform.t4.value = score;
}
</script>
</head>
<body>
<p align="center"><font face="Broadway" size="6">School name goes here</font></p>
<p align="center"><font face="Baskerville Old Face" color="#FF0000" size="5">
Quiz</font></p>
<p align="center"> </p>
<p align="center"><font face="Arial Rounded MT Bold" size="5" color="#008000">
Administrative Panel</font></p>
<div align="center">
<table border="1" width="69%" height="83">
<tr>
<td width="98" height="35">
<p align="left">Direct</td>
<td height="35">
<p align="center"><input type="button" value="Team A" name="d1" onclick = "score_computeA(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team B" name="d2" onclick = "score_computeB(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team C" name="d3" onclick = "score_computeC(10)"></td>
<td height="35">
<p align="center"><input type="button" value="Team D" name="d4" onclick = "score_computeD(10)"></td>
</tr>
<tr>
<td width="98">Pass</td>
<td>
<p align="center"><input type="button" value="Team A" name="p1" onclick ="pass_computeA(5)"></td>
<td>
<p align="center"><input type="button" value="Team B" name="p2"></td>
<td>
<p align="center"><input type="button" value="Team C" name="p3"></td>
<td>
<p align="center"><input type="button" value="Team D" name="p4"></td>
</tr>
</table>
<hr>
<p align="center">
<font face="Arial Rounded MT Bold" size="5" color="#008000">Score Card</font></p>
<table border="1" width="59%" height="82">
<tr>
<td width="155">Team</td>
<td width="177">Team A</td>
<td width="166">Team B</td>
<td width="160">Team C</td>
<td>Team D</td>
</tr>
<tr>
<td width="155">Score</td>
<td width="177">
<p align="center">
<input name="t1" size="22" value="0" style="border:3px double #FF0000; float: right"></td>
<td width="166">
<input type="text" name="t2" size="22" value="0" style="border: 3px double #FF0000"></td>
<td width="160">
<input type="text" name="t3" size="22" value="0" style="border: 3px double #FF0000"></td>
<td>
<input type="text" name="t4" size="22" value="0" style="border: 3px double #FF0000"></td>
</tr>
</table>
</div>
</form>
<p align="center"> </p>
</body>
</html>
Hi - would appreciate some help with this school project. I can't get this simple quiz to work correctly, it should give a pop-up with a pass/fail message on submit. Can anyone see the error? Instead of posting the whole code - the live version is here with all the code in the doc head... http://bit.ly/hR8JYk 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>
My code goes through the answer function (below) and it determins if you answered green. If you answered green a popup says correct other wise incorrect. How can I modify my code so that I can add multiple answers for different questions.Example q1 answer = green q2 answer = blue . . q20 answer = Friday Here is my .js code Code: var n = 16; // modify this for number of seconds to answer
document.getElementById( 'time').value = "Answer in " + n + " seconds";
var i = setInterval('count()' , 1000);
var tooLate;
function count() {
tooLate = 0;
n--;
if(n >=0) {
document.getElementById( 'time').value = "Answer in " + n + " seconds";
}
else {
clearInterval(i);
alert("Too late!");
if(document.getElementById( 'answer').value == correct){
tooLate = 1;
}
}
function answer() {
var correct = "green"; // This is the correct answer
if (tooLate == 0) {
if(document.getElementById( 'answer').value == correct) {
clearInterval(i);
alert("Right Answer with " + n + " seconds remaining");
}
else{
clearInterval(i);
alert("Incorrect! The answer was " + correct);
}
}
submitform();
//submit form
function submitform()
{
document.forms["myform"].submit();
}
}
So I am working on a fairly difficult project (for my level at least). I actually had this project planned before I even knew JavaScript so I specifically learned JavaScript in order to write this program! Here is my plan: I am writing a javascript program to help students prepare to take an exam (a standardized test). The test consists of 80 questions from various topics in history. The test covers three time spans (0-1000, 1000-1500, 1500-2000) and 4 different question types (ie. politics, culture, economics, foreign relations). Likewise, each question will cover a specific topic, maybe one will be about a specific war and another question will be about a leader. What I want the quiz to do is give a detailed report on the student's strengths and weaknesses. Once the student is done with the quiz and they select "grade" it will take them to the results page which will show them: 1. their score (percent correct) 2. percent correct for each of the time periods. 3. percent correct for each of the question types 4. a recommended chapter reading list based on the questions they got wrong. I did some search on the internet and found a basic script that ive been using. All it does is have the html code for the questions and the, "grade" button only shows the percent correct and which which questions were wrong. Its basically a simple quiz script without any of the advanced features I want. I figure I'll just add the advanced features to this existing script. Here is a link to the example script I am using. So far my script is 100% the same (except different questions and answers). What is the best route to modify that script to add all the features I want. From what I've read on javascript so far. I have to write a function to process each of the elements I want to display on the results page. I have no idea about how to do that though. JavaScript code responsive quiz I live in turkey. Can you write me such a code for my site? |
|||||||