The following script shows an image “correct.gif” or “incoorect.gif” according to the given answer.
When clicking the “clear”-button it erases the words of the feedback but not the image.
I thought I could add [COLOR=#0000CD]document.getElementById(‘img’).src = ’empty.gif’;
[CODE]var question1 = ‘<strong>Who</strong>……………..?’;
var choice1 = ‘Mr. Johnson.’;
var choice2 = ‘In 1875.’;
var choice3 = ’78 years old.’;
var choice4 = ‘In 1949.’;
var correctAnswer = 1; // Indicate the best answer with this variable.
function check(input,x) {
if (x==0) {
alert(“You didn’t choose an answer”);
} else {
if (x==correctAnswer) {
input.result.value = “Excellent! When the question starts with `WHO` your answer should be a name or describe someone.”;
document.getElementById(‘img’).src = ‘correct.gif’;
} else {
input.result.value = “This answer is incorrect. The answer on a ‘WHO’ question can’t be a time expression or age.”;
document.getElementById(‘img’).src = ‘incorrect.gif’;
}
}
}
function cleartext(input) {
input.result.value = ”; // Clear text field.
document.getElementById(‘img’).src = ’empty.gif’;
}
// Initialize answer to 0 to trap no selection.
answer=0;
// Generate the HTML code for the top of the web page.
document.write(‘<HR>’);
document.write(question1);
// Generate the HTML code for the radio button choices.
document.write(‘<FORM NAME=”questn1″ id=”form_questions”>’);
document.write(‘<OL”>’);
document.write(‘<LI><input type=”radio” name=”answera” onClick=”answer=1″>’,choice1);
document.write(‘<LI><input type=”radio” name=”answera” onClick=”answer=2″>’,choice2);
document.write(‘<LI><input type=”radio” name=”answera” onClick=”answer=3″>’,choice3);
document.write(‘<LI><input type=”radio” name=”answera” onClick=”answer=4″>’,choice4);
document.write(‘</OL>’);
// Generate the HTML code for the buttons and response text area.
document.write(‘<HR>’);
document.write(‘<INPUT TYPE=”button” VALUE=”Check Answer” onClick=”check(this.form,answer)”> ‘);
document.write(‘<INPUT TYPE=”reset” VALUE=” Clear ” onClick=”cleartext(input)”> ‘);
document.write(‘<img src=”empty.gif” id=”img” /> <br/> ‘);
document.write(‘<INPUT TYPE=”text” NAME=”result” SIZE=”100″ class=”style55″ > <br/> ‘);
document.write(‘</FORM>’);
cleartext(document.questn1); // Clear text field on reload.