I need to have the test results stored into a cookie and then the cookie called in order to display the results in a seperate browser window instead of the alert being used. I have been trying to figure it out for several days all to no avail. Please can someone help with this?
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"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Week 2 JavaScript Quiz</title> <style type="text/css"> fieldset { text-align:center; width:30%; border:medium dashed blue; } fieldset label { display: block; } </style> <script type="text/javascript"> var questions = [ ['How many pints are in a gallon?','4',2,4,6,8], ['How many hours are in a week?','2',135,168,142,198], ['How many feet are in a mile?','4',8250,4695,6350,5280], ['How many days are in a year?','3',653,285,365,453], ['How many pounds are in a ton?','1',2000,1800,1950,2100] ]; function resetForm(){ location.reload(true) } function checkAnswers() { var corAns = 0; for(var i=0; i < questions.length; i++) { var radBtns = document.getElementsByName('q'+(i+1)); if(getAnswer(radBtns) == questions[i][1]) { ++corAns; var divide = 100/questions.length*corAns; radBtns[0].parentNode.parentNode.firstChild.style.backgroundColor = 'green'; } else { radBtns[0].parentNode.parentNode.firstChild.style.backgroundColor = 'red'; } } alert(' You got '+corAns +' answers correct.' +' You may select the correct choice, and try those questions again.'); alert('Your total score is '+divide+'%'); alert(document.cookie); } function getAnswer(radBtns){ for(var i=0; i < radBtns.length; i++){ if(radBtns[i].checked){return radBtns[i].value;} } return false; } window.onload=function(){ Questions = document.getElementById('Questions'); for(i=0; i < questions.length; i++){ var newDiv = document.createElement('div'); var newPara = document.createElement('p'); newPara.appendChild(document.createTextNode('Question '+(i+1)+ ' = '+questions[i][0])); newDiv.appendChild(newPara); //create the radio buttons for each question var radValue = 1; for(j=2; j < questions[i].length; j++) { var newLabel = document.createElement('label'); var newRadBtn = document.createElement('input'); newRadBtn.setAttribute('type', 'radio'); newRadBtn.setAttribute('name', 'q'+(i+1)); newRadBtn.setAttribute('value', radValue++); newLabel.appendChild(newRadBtn); newLabel.appendChild(document.createTextNode(questions[i][j])); newDiv.appendChild(newLabel); } Questions.appendChild(newDiv); } document.getElementById('btnSubmit').onclick=checkAnswers; document.getElementById('btnReset').onclick=resetForm; } </script> </head> <body> <div align="center"> <fieldset id="Questions"></fieldset> <button id="btnSubmit">Submit</button> <button id="btnReset">Reset Form</button> </div> </body> </html>


Reply With Quote
Bookmarks