Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/09/2010, 13:23
foroworld
 
Fecha de Ingreso: mayo-2009
Mensajes: 153
Antigüedad: 15 años, 6 meses
Puntos: 1
Respuesta: Test con javascript

Perdonen, al volver a editar el primer mensaje he dejado solo la parte de HTML, aquí vuelvo a pegar la página completa con el javaScript:

Código HTML:
<html>
<head>
<title>Corrección de un test</title>
<script language="JavaScript">
function corregir(){
var p1
var p2
var p3
var aciertos = 0
var fallos = 0
var blancos = 0
var nota
var notaFinal
<!-- 1º pregunta-->
if (document.getElementById('p11').checked==true) {
   p1 = 1;
   aciertos++;
}else if (document.getElementById('p12').checked==true){
      p1 = -0.5;
         fallos++;
}else if (document.getElementById('p13').checked==true){
      p1 = -0.5;
        fallos++;
}else if (document.getElementById('p14').checked==true){
      p1 = -0.5;
         fallos++;
}else{
      p1= -0.1;
      blancos++;
      }
      
<!-- 2º pregunta-->
if (document.getElementById('p21').checked==true) {
   p2 = 1;
   aciertos++;
}else if (document.getElementById('p22').checked==true){
      p2 = -0.5;
         fallos++;
}else if (document.getElementById('p23').checked==true){
      p2 = -0.5;
         fallos++;
}else if (document.getElementById('p24').checked==true){
      p2 = -0.5;
         fallos++;
}else{
      p2= -0.1;
      blancos++;
         }
      
<!-- 3º pregunta-->
if (document.getElementById('p31').checked==true) {
   p3 = 1;
   aciertos++;
}else if (document.getElementById('p32').checked==true){
      p3 = -0.5;
         fallos++;
}else if (document.getElementById('p33').checked==true){
      p3 = -0.5;
        fallos++;
}else if (document.getElementById('p34').checked==true){
      p3 = -0.5;
         fallos++;
}else{
      p3= -0.1;
      blancos++;
      }
      
nota = p1+p2+p3;
if(nota<0){
puntuacion = 0;
}else{
puntuacion = nota;
}
[COLOR="Red"]document.resultado.getElementById('aciertos').value = aciertos;
document.resultado.getElementById('fallos').value = fallos;
document.resultado.getElementById('blancos').value = blancos;
document.resultado.getElementById('puntuacion').value = puntuacion;[/COLOR]
}
</script>
</head>
<body>
<form name="preguntas">
<p><!-- Primera pregunta -->
    1.- Este es el enunciado de la primera pregunta del test.  </p>
<p>
    <input type="radio" name="pregunta1" id="p11" value="A"> Texto de la respuesta A.  </p>
<p>
    <input type="radio" name="pregunta1" id="p12" value="B"> Texto de la respuesta B.  </p>
<p>
    <input type="radio" name="pregunta1" id="p13" value="C"> Texto de la respuesta C.  </p>
<p>
    <input type="radio" name="pregunta1" id="p14" value="D"> Texto de la respuesta D.  </p>
<p> </p>
<!-- Segunda pregunta -->2.- Este es el enunciado de
la segunda pregunta del test.
<p> </p>
<p>
    <input type="radio" name="pregunta2" id="p21" value="A"> Texto de la respuesta A.  </p>
<p>
    <input type="radio" name="pregunta2" id="p22" value="B"> Texto de la respuesta B.  </p>
<p>
    <input type="radio" name="pregunta2" id="p23" value="C"> Texto de la respuesta C.  </p>
<p>
    <input type="radio" name="pregunta2" id="p24" value="D"> Texto de la respuesta D.  </p>
<p> </p>
<!-- Tercera pregunta -->3.- Este es el enunciado de
la tercera pregunta del test.
<p> </p>
<p>
    <input type="radio" name="pregunta3" id="p31" value="A"> Texto de la respuesta A.  </p>
<p>
    <input type="radio" name="pregunta3" id="p32" value="B"> Texto de la respuesta B.  </p>
<p>
    <input type="radio" name="pregunta3" id="p33" value="C"> Texto de la respuesta C.  </p>
<p>
    <input type="radio" name="pregunta3" id="p34" value="D"> Texto de la respuesta D.  </p>
<p> </p>
</form>
<form name="boton">
	<input type="button"  name="boton" value=" CORREGIR " onclick="corregir()"/> 
</form>
<br><br>
<b>RESULTADO DEL TEST</b>
<p>
<form name="resultado" action="">
    
Has acertado <input size="3" id="aciertos"> preguntas <br>
Has fallado en <input size="3" id="fallos"> preguntas <br>
Has dejado de responder <input size="3" id="blancos"> preguntas
<p>
PUNTUACIÓN: <input size="5" type="text" id="puntuacion" />  puntos
</form></p>
</body>
</html> 

Última edición por foroworld; 25/09/2010 a las 13:29