Quiero obtener el valor dentro del cuadro de entrada y mostrarlo en la consola
<form action="#"> name : <input type="text" id="name"> </form> let name = document.getElementById('name').value; console.log(name);Pero regresa vacío en el registro de la consola. ¿Cómo puedo obtener el valor del cuadro de entrada?
Gracias
Puede usar el evento keyup en la entrada para cuando escriba la entrada, mostrará el valor en la consola como se muestra a continuación:
const nameInput = document.getElementById('name'); nameInput.addEventListener("keyup", (e)=> { console.log(nameInput.value) }); <form action="#"> name : <input type="text" id="name"> </form>Está obteniendo un valor en blanco del campo de entrada porque no ha agregado ningún atributo de valor en el campo de entrada. Por lo tanto, debe agregar un atributo de valor en el campo de entrada.
let name = document.getElementById('name').value; console.log(name); <form action="#"> name : <input type="text" id="name" value="my custom value"> </form>Agregar un botón para iniciar el envío del formulario
<form action="#" id="form1"> name : <input type="text" id="name"> <input type="submit" value="Submit"> </form>Ahora agregue un detector de eventos para el evento Enviar
document.getElementById("form1").addEventListener("submit", function(e) { // Prevent default behavior to avoid page refresh e.preventDefault(); let name = document.getElementById('name').value; console.log(name); })