Estoy haciendo una práctica muy sencilla para un login, y no encuentro el error que causa que el event listener me dé null. Probé de diferentes maneras, pero me sigue dando error. Les dejo aquí mi código SCRIPT:
<script>
const form = document.getElementById("formulario");
const enviarFormulario = (event) => {
event.preventDefault();
const {name, userid, password} = event.target;
console.log(name.value, userid.value, password.value);
}
form.addEventListener("submit", enviarFormulario);
</script>
y el HTML:
<main>
<section style="margin: 10%;">
<form id="formulario">
<div class="form-group" action="">
<input name="userid" type="email" placeholder="Email" required style="width: 30%; height: 5%;">
</div>
<div class="form-group">
<input name="password" type="text" placeholder="Password" required style="width: 30%; height: 5%;">
</div>
<button type="submit" style="width: 30%; height: 5%;"> Acceder </button>
</form>
</section>
</main>
¿Encuentran el error?
<script>
debe ir antes de cerrar el<body>
...name
en el DOM, por lo tanto,name
yname.value
estarían demás, dan undefined...