quero fazer uma página que se o usuário selecionar o radio button correto apareça uma imagem, e se selecionar o incorreto, apareça outra imagem.
fiz isso, mas a imagem não aparece, fica em branco, so aparece a imgagem se eu declarar a variavel foto logo em cima do document.write
Código HTML
<html>
<head>
<script language="JavaScript" src="core.js"></script>
</head>
<body onLoad="focus();">
<center>
<td>
<form name="form1" onSubmit="radio(form1);">
<p>pergunta?</p>
<input name="opcao" type="radio" value="0">resp0<br>
<input name="opcao" type="radio" value="1">resp1<br>
<input name="opcao" type="radio" value="2">resp2<br>
<input name="opcao" type="radio" value="3">resp3<br>
<input name="opcao" type="radio" value="4">resp4<br><br><br>
<input type="submit" NAME="botao" VALUE="Responder">
<input type="reset" NAME="botao" VALUE="Pular">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Código JavaScript
var foto="";
function radio(form1) {
preencheu = false;
botoes = form1.opcao.length;
for (i=0; i<botoes; i++) {
if (form1.opcao[i].checked) {
preencheu = true;
valor = form1.opcao[i].value;
if(valor==4){
foto="correto.jpg";
}
else{
foto="incorreto.jpg";
}
break;
}
}
if (!preencheu) {
alert("É necessário escolher uma das opções.");
}
}
document.write('<table><tr><td><img src="'+ foto +'" width="350" /></td>');
