Array perguntas e respostas

Front-end
#1

[color=darkblue]Preciso fazer uma página simples onde o usuário leia a pergunta e responde em uma text, se a resposta estiver correta retorna certo senão errado. O problema é que tenho que guardar as perguntas e as respostas em um array. Fiz da seguinte maneira, mas não funcionou [/color]


<!DOCTYPE html>
<html>

<head>
<script type="text/javascript">
	
	
	var respostaUsuario = new Array();
	respostaUsuario [0] = document.getElementsByName("txtResposta1").value;
	respostaUsuario [1] = document.getElementsByName("txtResposta2").value;
	respostaUsuario [2] = document.getElementsByName("txtResposta3").value;

	
	var respostaCorreta = new Array();
	respostaCorreta [0] = "a";
	respostaCorreta [1] = "b";
	respostaCorreta [2] = "c";

	
	
	
function Corrigir (){


			var i;
				for(i=0;i<4;i++)
					{


		
					if (respostaUsuario[i]== respostaCorreta [i])
						{
							document.write("Certo");
							document.write("<br>");
			
						}//if
						
					else {
		
							document.write("Errado");
							document.write("<br>");
							document.write("Resposta correta: "+respostas [0]);

							}//else
		
		
			}//for

	

		}//function

</script>


<title></title>
</head>

<body>

<form name="form1" id="form1" method="post" action="" >
1.	Bla bla bla.
 <br>
<input name="txtResposta1" type="text" id="txtResposta1" size="60">
<br>


2.	Blu blu blu?
 <br>
<input name="txtResposta2" type="text" id="txtResposta2" size="60">
<br>

2.	ZIIII?
 <br>
<input name="txtResposta3" type="text" id="txtResposta3" size="60">
<br>


<br>
<input type="button" onclick="Corrigir()" id="button" name="button" value="Corrigir">


</form>




</body>

</html>

[color=darkblue]Da erro, alguém poderia dar uma ajuda. Obrigado [/color]

#2