Sé que debería ser simple, pero todavía no puedo darme cuenta de cuál es el problema. Creé el formulario con la identificación que uso para las variables y luego, después del envío, quiero ver el valor de la entrada, pero obtengo "".
<form action="signIn.html" method="get"> <input type="text" name="name" id="names" placeholder="Name"> <input type="email" name="email" id="email" placeholder="Email"> <input type="password" name="password" id="password" placeholder="Password"> <label for="terms"> <input type="checkbox" name="terms" id="terms" value="terms">I agree to the Terms and Privacy Policy </label> <div class="button"> <input class="btn signUp" type="submit" value="Sign Up"> </div> const formulario = document.querySelector("form"); const nombre = document.querySelector("#names").value; const email = document.querySelector("#email").value; const password = document.querySelector("#password").value; let correctData = []; let errors = []; formulario.addEventListener("submit", (e) => { e.preventDefault() console.log(nombre) console.log(email) console.log(password) });Está recuperando los valores de las entradas en la carga de la página (que es una cadena en blanco, porque inicialmente la entrada no tiene valor).
En su lugar, obtenga el value dentro del controlador de eventos de submit .
const formulario = document.querySelector("form"); const nombre = document.querySelector("#names"); const email = document.querySelector("#email"); const password = document.querySelector("#password"); let correctData = []; let errors = []; formulario.addEventListener("submit", (e) => { e.preventDefault() console.log(nombre.value) console.log(email.value) console.log(password.value) }); <form action="signIn.html" method="get"> <input type="text" name="name" id="names" placeholder="Name"> <input type="email" name="email" id="email" placeholder="Email"> <input type="password" name="password" id="password" placeholder="Password"> <label for="terms"> <input type="checkbox" name="terms" id="terms" value="terms">I agree to the Terms and Privacy Policy </label> <div class="button"> <input class="btn signUp" type="submit" value="Sign Up"> </div>