Tengo un formulario de contactos, que cuando carga el navegador me muestra el siguiente error por consola:
"Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')".
Este es mi código:
form.addEventListener("submit", (e) => { event.preventDefault(); }
const nombre = document.getElementById("myname")
const apellidos = document.getElementById("surname")
const email = document.getElementById("email")
const celular = document.getElementById("mobile")
const contraseña = document.getElementById("password")
const contraseña2 = document.getElementById("repeatpassword")
const terminosYcondiciones = document.getElementById("termsandconditions")
const form = document.getElementById("form")
const listinput = document.querySelectorAll(".form-input")
y mi HTML:
<form action="" class="form">
<h1 class="form-titulo">Regístrate</h1>
<div class="form-input myname">
<input type="text" id="myname" />
<label for="myname">Nombre</label>
<p class="mensajeerror"></p>
</div>
<div class="boton-enviar">
<input type="submit" value="Enviar" />
</div>
<p class="mensaje correcto">Listo !!</p>
</form>
form
esnull
oundefined
. Sería bueno ver el HTML deform
y también como hacesdocument.getElementById
odocument.querySelector
.<form id="tu id" class="tus clases">
para ver elid
del formulario.