0

El objetivo de mi código es que aparezca una alerta cada vez que el usuario haga click en alguna alternativa, sin embargo esa parte no funciona. Agradecería si alguien me pudiese ayudar. Probablemente estoy cometiendo varios errores al mismo tiempo, pues esta es mi primera vez programando en Javascript.

El código es el siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>TRIVIA CULTURAL</title>
</head>
<script>
  function inicio (){
    window.addEventListener('load', function () {
    // obtenemos los elementos con name = "diseñador"
    var elementos = document.getElementsByName("diseñador");
 
    // buscamos el seleccionado y lo mostramos por pantalla
    for (i = 0; i < elementos.length; i++) {
        if (elementos[i].checked) {
            alert("Has seleccionado: "+ elementos[i].value);
        }
    }
}, false);
  }
  inicio();
</script>

<body onload ="inicio"()>
<div>
  <form action="../../form-result.php" method="post" target="_blank">
    <center>
    <h1>
    ¿Quién diseñó la cúpula de la catedral de Florencia?:
    </h1>
    <p><br>
    <input type="radio" name="diseñador" value=""> Leonardo Da Vinci<br>
    <input type="radio" name="diseñador" value=""> Filippo Brunelleschi<br>
    <input type="radio" name="diseñador" value="">Leon Battista Alberti<br>
    <input type="radio" name="diseñador" value="">Miguel Angel Buonarroti
    </p>
      <p><input type="submit" value="Responder y ver resultados"></p>
    </center>
  </form>
</div>

</body>
</html>
2
  • 1
    Por favor, haz clic en editar y cambia el título de tu pregunta por algo más descriptivo y que resuma el problema. Tal como está escrito parece un clickbait. Commented el 5 jun. 2022 a las 19:39
  • 2
    En la etiqueta body los parentesis están fuera de las comillas
    – Roberto
    Commented el 5 jun. 2022 a las 19:40

1 respuesta 1

1
<script>
    function inicio (){
        window.addEventListener('change', function () {
        // obtenemos los elementos con name = "diseñador"
        var elementos = document.getElementsByName("diseñador");

        // buscamos el seleccionado y lo mostramos por pantalla
        for (i = 0; i < elementos.length; i++) {
            if (elementos[i].checked) {
                alert("Has seleccionado: "+ elementos[i].value);
            }
        }
        }, false);
    }
inicio();
</script>

El error esta en la línea del window.addEventListener, tienes dentro del paréntesis 'load' y lo que debe detectar en realidad es un 'change', que es el cambio de estado del check.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.