Comprobar un test con javascript

[_Adrian_]

Hola. He hecho un test; aqui he puesto 5 preguntas con 3 respuestas cada una, pero puedes modificarlo:

Código Javascript:

var respuesta = new Array;
var explicacionRespuesta = new Array;
var tuRespuesta = new Array;
var puntuacion = 0;
 
//aqui pones las respuestas de las preguntas (puedes agregar mas o quitar)
respuesta[1] = "a";
respuesta[2] = "a";
respuesta[3] = "b";
respuesta[4] = "a";
respuesta[5] = "c";
 
//aqui dices cual respuesta es corecta
explicacionRespuesta[1]="La respuesta corecta era A\n";
explicacionRespuesta[2]="La respuesta corecta era A\n";
explicacionRespuesta[3]="La respuesta corecta era B\n";
explicacionRespuesta[4]="La respuesta corecta era A\n";
explicacionRespuesta[5]="La respuesta corecta era C\n";
 
 
function Motor(pregunta, respuesta){
   tuRespuesta[pregunta]=respuesta;
}
 
function Puntuacion(){
var textoRespuesta = "Asi lo has hecho:\n";
puntuacion=0;
for(i=1;i<=5;i++){
   textoRespuesta=textoRespuesta+"Pregunta "+i+": ";
   if(respuesta[i] != tuRespuesta[i]){
      textoRespuesta=textoRespuesta+explicacionRespuesta[i];
   }
   else{
      textoRespuesta=textoRespuesta+"Has respondido correctamente!\n";
      puntuacion++;
   }
}
 
textoRespuesta=textoRespuesta+"PUNTUACION FINAL : "+puntuacion+"\n";
 
textoRespuesta=textoRespuesta+"Comentario : ";
if(puntuacion <= 4){textoRespuesta=textoRespuesta+"Necesitas estudiar mas!";}
if(puntuacion >= 5 && puntuacion <= 6){textoRespuesta=textoRespuesta+"Te falta poco!";}
if(puntuacion >= 7 && puntuacion <= 8){textoRespuesta=textoRespuesta+"Bien!";}
if(puntuacion > 8){textoRespuesta=textoRespuesta+"Muy bien!";}
 
alert(textoRespuesta);
}
 

Código HTML:

<form name="test">
 
Pregunta I<br>
<input type="radio" name="p1" value="a" onClick="Motor(1, this.value)">
a) respuesta 1<br>
<input type="radio" name="p1" value="b" onClick="Motor(1, this.value)">
b) respuesta 2<br>
<input type="radio" name="p1" value="c" onClick="Motor(1, this.value)">
c) respuesta 3
<!-- puedes agregar mas si quieres, o quitar -->
<br>
 
Pregunta II<br>
<input type="radio" name="p2" value="a" onClick="Motor(2, this.value)">
a) respuesta 1<br>
<input type="radio" name="p2" value="b" onClick="Motor(2, this.value)">
b) respuesta 2<br>
<input type="radio" name="p2" value="c" onClick="Motor(2, this.value)">
c) respuesta 3
<br>
 
Pregunta III<br>
<input type="radio" name="p3" value="a" onClick="Motor(3, this.value)">
a) respuesta 1<br>
<input type="radio" name="p3" value="b" onClick="Motor(3, this.value)">
b) respuesta 2<br>
<input type="radio" name="p3" value="c" onClick="Motor(3, this.value)">
c) respuesta 3
<br>
 
Pregunta IV<br>
<input type="radio" name="p4" value="a" onClick="Motor(4, this.value)">
a) respuesta 1<br>
<input type="radio" name="p4" value="b" onClick="Motor(4, this.value)">
b) respuesta 2<br>
<input type="radio" name="p4" value="c" onClick="Motor(4, this.value)">
c) respuesta 3
<br>
 
Pregunta V<br>
<input type="radio" name="p5" value="a" onClick="Motor(5, this.value)">
a) respuesta 1<br>
<input type="radio" name="p5" value="b" onClick="Motor(5, this.value)">
b) respuesta 2<br>
<input type="radio" name="p5" value="c" onClick="Motor(5, this.value)">
c) respuesta 3
<br>
<input type="button" value="Puntuacion" onClick="Puntuacion()">
 
</form>
 

Que hace este codigo: cuando seleccionas una respuesta, lo agrega al vector tuRespuesta; cuando pulsas el boton 'Puntuacion' comprueba si tuRespuesta es igual a respuesta; si lo es, es correcto, si no, dice lo que hay en el vector explicacionRespuesta.

Si no te funciona algo, dimelo.
Saludos