tarea gisel

https://trivia-cultura.ingridperez8.repl.co/preguntas.html

by jlujan

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gisela</title>
</head>
<body>
    <section>

  <div id="resultado">
    
  </div>
  <form name="triviaForm" onsubmit="return verificarRespuestas()">

        <h3>PREGUNTA 1</h3>
        <h4>¿CUÁL ES LA MARAVILLA DEL PERÚ CONSIDERADA EN LA LISTA DE LAS SIETE MARAVILLAS DEL MUNDO?</h4>
          <input type="radio" name="p1" value="a">A.LAGO TITICACA
          <input type="radio" name="p1" value="b">B.MACHU PICCHU
          <input type="radio" name="p1" value="c">C.LAS ISLAS BALLESTAS
          <input type="radio" name="p1" value="d">D.VALLE DEL COLCA
          <br>
          <h3>PREGUNTA 2</h3>
          <h4>¿QUIÉN ESCRIBIÓ “LA ODISEA”?</h4>
            <input type="radio" name="p2" value="a">A.HOMERO
            <input type="radio" name="p2" value="b">B.MIGUEL DE CERVANTES
            <input type="radio" name="p2" value="c">C.LEONARDO DA VINCI
            <input type="radio" name="p2" value="d">D.BLASCO NUÑEZ DE VELA
            <br>
            <h3>PREGUNTA 3</h3>
            <h4>¿CUÁL ES LA CAPITAL HISTÓRICA DE PERÚ? </h4>
            <input type="radio" name="p3" value="a">A.LIMA
            <input type="radio" name="p3" value="b">B.CUSCO
            <input type="radio" name="p3" value="c">C.AREQUIPA
            <input type="radio" name="p3" value="d">D.TACNA
            <br>
            <br>

  <input type="submit" value="Finalizar">
  </form>
  </section>
</body>
</html>

JavaScript

function verificarRespuestas() {
				alert("Esta seguro de enviar las respuestas");
	var total = 3;
	var puntos = 0;
	var miFormulario = document.forms["triviaForm"];
	var respuestas = ["b", "a", "b"];
	for (var i = 1; i <= total; i++) {
		if (miFormulario["p" + i].value === null || miFormulario["p" + i].value === "") {
			alert("Por favor responde la pregunta " + i);
			return false;
		} else {
			if (miFormulario["p" + i].value === respuestas[i - 1]) {
				++puntos;
			}
		}
	}
	var resultado = document.getElementById("resultado");
	resultado.innerHTML = '<h3>Obtuviste <span>' + puntos + '</span> de <span>' + total + ' puntos</span></h3>';
	return false;
}