Foros del Web » Creando para Internet » HTML »

Tests para mi web

Estas en el tema de Tests para mi web en el foro de HTML en Foros del Web. Hola, me llamo Manuel y acabo de registrarme en este foro :) Tengo una web donde quiero incluir unos tests para que mis alumnos puedan ...
  #1 (permalink)  
Antiguo 28/09/2012, 13:51
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 7 años
Puntos: 1
Pregunta Tests para mi web

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.
  #2 (permalink)  
Antiguo 28/09/2012, 14:04
Avatar de Alexis_Mejias  
Fecha de Ingreso: enero-2005
Ubicación: Santiago
Mensajes: 77
Antigüedad: 14 años, 8 meses
Puntos: 17
Respuesta: Tests para mi web

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..
__________________
Alexis Mejias C.
Freelancer Chile - Si te sirvió puntúa positivo
Blog Personal

Última edición por Alexis_Mejias; 28/09/2012 a las 14:05 Razón: No me despedi :D!
  #3 (permalink)  
Antiguo 28/09/2012, 14:16
Avatar de Biiiiilm  
Fecha de Ingreso: septiembre-2012
Mensajes: 27
Antigüedad: 7 años
Puntos: 1
Respuesta: Tests para mi web

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>

Última edición por Biiiiilm; 28/09/2012 a las 15:25

Etiquetas: input, tests
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:16.