Presidential Quiz Source
<form name="presquiz"> <table cellspacing="0" cellpadding="9" align="center" style="font:normal 10pt arial;"> <caption align="top"><font size="5"><i>A Presidential Quiz</i></font></caption> <!--***** Start of row 1 *****--> <tr align="center"> <td><img src="bush2.jpg" width="84" height="106" alt=""><br><input name="bush2" type="radio" value="Rep">Rep<input name="bush2" type="radio" value="Dem">Dem</td> <td><img src="clinton.jpg" width="84" height="106" alt=""><br><input name="clinton" type="radio" value="Rep">Rep<input name="clinton" type="radio" value="Dem">Dem</td> <td><img src="bush1.jpg" width="84" height="106" alt=""><br><input name="bush1" type="radio" value="Rep">Rep<input name="bush1" type="radio" value="Dem">Dem</td> <td><img src="reagan.jpg" width="84" height="106" alt=""><br><input name="reagan" type="radio" value="Rep">Rep<input name="reagan" type="radio" value="Dem">Dem</td> <td><img src="carter.jpg" width="84" height="106" alt=""><br><input name="carter" type="radio" value="Rep">Rep<input name="carter" type="radio" value="Dem">Dem</td> <td><img src="ford.jpg" width="84" height="106" alt=""><br><input name="ford" type="radio" value="Rep">Rep<input name="ford" type="radio" value="Dem">Dem</td> </tr> <!--***** Start of row 2 *****--> <tr align="center"> <td><img src="nixon.jpg" width="84" height="106" alt=""><br><input name="nixon" type="radio" value="Rep">Rep<input name="nixon" type="radio" value="Dem">Dem</td> <td><img src="johnson.jpg" width="84" height="106" alt=""><br><input name="johnson" type="radio" value="Rep">Rep<input name="johnson" type="radio" value="Dem">Dem</td> <td><img src="kennedy.jpg" width="84" height="106" alt=""><br><input name="kennedy" type="radio" value="Rep">Rep<input name="kennedy" type="radio" value="Dem">Dem</td> <td><img src="eisenhower.jpg" width="84" height="106" alt=""><br><input name="eisenhower" type="radio" value="Rep">Rep<input name="eisenhower" type="radio" value="Dem">Dem</td> <td><img src="truman.jpg" width="84" height="106" alt=""><br><input name="truman" type="radio" value="Rep">Rep<input name="truman" type="radio" value="Dem">Dem</td> <td><img src="roosevelt.jpg" width="84" height="106" alt=""><br><input name="roosevelt" type="radio" value="Rep">Rep<input name="roosevelt" type="radio" value="Dem">Dem</td> </tr> <!--***** Answer button *****--> <tr align="center"> <td colspan="6"><input type="button" value="Click here to check your answers" onClick="isThatYourFinalAnswer();"></td> </tr> </table> </form>
Below is the Javascript that powers the quiz...
/************************************************************\
Presidential Quiz by Joe Barta - HTMLisEasy.com
Permission is granted to freely use/modify this code.
\************************************************************/
function isThatYourFinalAnswer()
{
var incorrect_answers = 0;
var hint_pieces = "";
if ((window.document.presquiz.elements[0].checked == false)||(window.document.presquiz.elements[1].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "George W. Bush is a Republican\n"; }
if ((window.document.presquiz.elements[2].checked == true )||(window.document.presquiz.elements[3].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "Bill Clinton was a Democrat\n"; }
if ((window.document.presquiz.elements[4].checked == false)||(window.document.presquiz.elements[5].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "George H.W. Bush was a Republican\n"; }
if ((window.document.presquiz.elements[6].checked == false)||(window.document.presquiz.elements[7].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "Ronald Reagan was a Republican\n"; }
if ((window.document.presquiz.elements[8].checked == true )||(window.document.presquiz.elements[9].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "Jimmy Carter was a Democrat\n"; }
if ((window.document.presquiz.elements[10].checked == false)||(window.document.presquiz.elements[11].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "Gerald Ford was a Republican\n"; }
if ((window.document.presquiz.elements[12].checked == false)||(window.document.presquiz.elements[13].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "Richard Nixon was a Republican\n"; }
if ((window.document.presquiz.elements[14].checked == true )||(window.document.presquiz.elements[15].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "Lyndon Johnson was a Democrat\n"; }
if ((window.document.presquiz.elements[16].checked == true )||(window.document.presquiz.elements[17].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "John F. Kennedy was a Democrat\n";}
if ((window.document.presquiz.elements[18].checked == false)||(window.document.presquiz.elements[19].checked == true )) { incorrect_answers++; hint_pieces = hint_pieces + "Dwight Eisenhower was a Republican\n"; }
if ((window.document.presquiz.elements[20].checked == true )||(window.document.presquiz.elements[21].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "Harry Truman was a Democrat\n"; }
if ((window.document.presquiz.elements[22].checked == true )||(window.document.presquiz.elements[23].checked == false)) { incorrect_answers++; hint_pieces = hint_pieces + "Franklin Roosevelt was a Democrat\n";}//Herbert Hoover was a Republican\n
var hint1 = "Here is a hint...\n\n" + hint_pieces + "\nAdjust your answers and click the link again";
var hint2 = "Here are a couple hints...\n\n" + hint_pieces + "\nAdjust your answers and click the link again";
var hint3 = "Here are a few hints...\n\n" + hint_pieces + "\nAdjust your answers and click the link again";
if((window.document.presquiz.elements[0].checked == false)&&(window.document.presquiz.elements[1].checked == false)&&(window.document.presquiz.elements[2].checked == false)&&(window.document.presquiz.elements[3].checked == false)&&(window.document.presquiz.elements[4].checked == false)&&(window.document.presquiz.elements[5].checked == false)&&(window.document.presquiz.elements[6].checked == false)&&(window.document.presquiz.elements[7].checked == false)&&(window.document.presquiz.elements[8].checked == false)&&(window.document.presquiz.elements[9].checked == false)&&(window.document.presquiz.elements[10].checked == false)&&(window.document.presquiz.elements[11].checked == false)&&(window.document.presquiz.elements[12].checked == false)&&(window.document.presquiz.elements[13].checked == false)&&(window.document.presquiz.elements[14].checked == false)&&(window.document.presquiz.elements[15].checked == false)&&(window.document.presquiz.elements[16].checked == false)&&(window.document.presquiz.elements[17].checked == false)&&(window.document.presquiz.elements[18].checked == false)&&(window.document.presquiz.elements[19].checked == false)&&(window.document.presquiz.elements[20].checked == false)&&(window.document.presquiz.elements[21].checked == false)&&(window.document.presquiz.elements[22].checked == false)&&(window.document.presquiz.elements[23].checked == false))
{
alert("You\'re not even gonna try? At least click a thing or two.");
}
else
{
if(incorrect_answers == 0)
{
alert("All correct. Very good!");
}
if(incorrect_answers == 1)
{
if (confirm("Doh! Missed one. Still, not bad. Would you like some help?"))
{
alert(hint1)
}
}
if(incorrect_answers == 2)
{
if (confirm("Bummer. Missed two. Would you like some help?"))
{
alert(hint2)
}
}
if((incorrect_answers == 3)||(incorrect_answers == 4)||(incorrect_answers == 5)||(incorrect_answers == 6)||(incorrect_answers == 7)||(incorrect_answers == 8))
{
if (confirm("Missed a few. Would you like some help?"))
{
alert(hint3)
}
}
if(incorrect_answers > 8)
{
if (confirm("Oh my. You didn\'t do so well. Would you like some help?"))
{
alert(hint3)
}
}
}
}
| Form Tutor |
| Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 Quick Forms Reference |
| HTML 4.0 Reference Barebones HTML Guide |
|
|
|
|
