Tests para mi web

Biiiiilm · #1 (**permalink**) 28/09/2012, 13:51

Hola, me llamo Manuel y acabo de registrarme en este foro :)

Tengo una web donde quiero incluir unos tests para que mis alumnos puedan realizarlos desde sus casas, pero me temo que mis conocimientos de HTML son más limitados de lo que me gustaría.

Hasta el momento tengo hecho algo así:

Código:

<html>
<body>

<br><br><hr><p>1.- Pregunta de prueba</p>
<p><input type="radio" name="valor1" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor1" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor1" value="c">Respuesta correcta</p>

<br><br><hr><p>2.- Pregunta de prueba</p>
<p><input type="radio" name="valor2" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor2" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor2" value="c">Respuesta correcta</p>

<br><br><hr><input type="hidden" name="cubierto" value="1">
<input type="hidden" name="test" value="4">

<script>
var correcta=0;
var incorrecta=0;

if (valor1==a){ //¡¡Esto es lo que no funciona!!
correcta=correcta+1;
}

</script>

<center><INPUT TYPE=SUBMIT onclick="alert('Respuestas correctas: '+correcta+'\nRespuestas incorrectas: '+incorrecta)"; VALUE="Corregir"></center>

</body>
</html>

Pues, en principio, quiero contabilizar fallos y aciertos, pero no sé el comando. Como podéis ver, lo intenté con un 'if', pero se quedó en intento, porque no funciona.

A ver si podéis echarme una mano :)

Gracias por vuestro tiempo.
Un saludo.

Alexis_Mejias · #2 (**permalink**) 28/09/2012, 14:04

Hola...

Primero debes crear una funcion en el <script>

Código PHP:

  function RevisarPrueba(){
   var correcta=0;
   var incorrecta=0;
   if (document.forms[0].valor1[0].checked){ //Esta es la correcta valor1[0] indica que es la "a"
     correcta=correcta+1;
   }   
   else
   {
     incorrecta = incorrecta + 1; 
    }
    if (document.forms[0].valor2[2].checked){ //Esta es la correcta valor2[2] indica que es la "c"
     correcta=correcta+1;
   }   
   else
   {
     incorrecta = incorrecta + 1; 
    }
 

   alert('Respuestas correctas: '+correcta+'\nRespuestas incorrectas: '+incorrecta);
   
}

Luego en el boton

Código PHP:

  <center><INPUT TYPE="button" onclick="RevisarPrueba();" VALUE="Corregir"></center>

Saludos!.... y espero te sirva..

Biiiiilm · #3 (**permalink**) 28/09/2012, 14:16

Hola, Alexis_Mejias. Ante todo, muchas gracias por tan rápida y buena respuesta. No obstante, el código no funciona del todo. Al hacer clic en Corregir no me muestra la alerta.
Mi código es el siguiente (he añadido lo que me has recomendado y queda así):

Código:

<html>
<body>

<br><br><hr><p>1.- Pregunta de prueba</p>
<p><input type="radio" name="valor1" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor1" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor1" value="c">Respuesta correcta</p>

<br><br><hr><p>2.- Pregunta de prueba</p>
<p><input type="radio" name="valor2" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor2" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor2" value="c">Respuesta correcta</p>



<script>
function RevisarPrueba(){
  var correcta=0;
  var incorrecta=0;
  if (document.forms[0].valor1[0].checked==true){
    correcta=correcta+1;
  }else{
    incorrecta = incorrecta + 1; 
  }
  if (document.forms[0].valor2[2].checked==true){
    correcta=correcta+1;
  }else{
    incorrecta = incorrecta + 1; 
  } 
  alert('Respuestas correctas: '+correcta+'\nRespuestas incorrectas: '+incorrecta);
}  
</script>

<center><INPUT TYPE="button" onclick="RevisarPrueba();" VALUE="Corregir"></center>  

</body>
</html>

EDITO:
De momento he sido capaz de hacer que funcione así:

Código:

<html>
<body>

<br><br><hr><p>1.- Pregunta de prueba</p>
<p><input type="radio" name="valor1" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor1" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor1" value="c">Respuesta correcta</p>

<br><br><hr><p>2.- Pregunta de prueba</p>
<p><input type="radio" name="valor2" value="a">Respuesta incorrecta 1</p>
<p><input type="radio" name="valor2" value="b">Respuesta incorrecta 2</p>
<p><input type="radio" name="valor2" value="c">Respuesta correcta</p>



<script>
function RevisarPrueba(){
  var correcta=0;
  var incorrecta=0;
  var arrayRespuestas
  
  arrayRespuestas = document.getElementsByName('valor1');

  if (arrayRespuestas[0].checked){
    correcta=correcta+1;
  }else{
    incorrecta = incorrecta + 1; 
  }

  arrayRespuestas = document.getElementsByName('valor2');

  if (arrayRespuestas[0].checked){
    correcta=correcta+1;
  }else{
    incorrecta = incorrecta + 1; 
  } 
  alert('Respuestas correctas: '+correcta+'\nRespuestas incorrectas: '+incorrecta);
}  
</script>

<center><INPUT TYPE="button" onclick="RevisarPrueba();" VALUE="Corregir"></center>  

</body>
</html>