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>