Menu
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>