Así que hice este codepen aquí https://codepen.io/shodoro/pen/xxYqXqv?editors=1111
Estoy tratando de obtener todo lo que escribo en mi formulario de entrada para que se muestre en mi consola, pero cada vez que escribo algo, simplemente muestra " "
En este momento entiendo que configuré mis datos para que sean " ", pero no sé cómo hacer que se muestre lo que escribo
aquí está el html
<form> <input type="text" placeholder="Street" id="street" onchange="updateInfo()"> <input type="text" placeholder="City" id="city" onchange="updateInfo()"> <input type="text" placeholder="Zipcode" id="zipcode" onchange="updateInfo()"> </form>Aquí está el javascript
function updateInfo() { const url = "" const data = { Street: '', City: '', Zipcode: '', } document.getElementById('street').value = data.Street console.log('hi', data.Street) }Tenga en cuenta que eventualmente querré integrar esto con una API de back-end, por lo que cualquier cosa que escriba se actualizará en los datos de la API, pero por ahora solo quiero confirmar que mis entradas funcionen primero.
No está obteniendo los datos que está escribiendo porque no los está buscando. Los formularios se envían al hacer clic en el botón, a menos que el tipo del botón del formulario sea específicamente no tipo de submit . Debe evitar que su formulario se envíe utilizando el método preventDefault .
Agregue a eso, está asignando el campo vacío del objeto de Data al valor del campo de entrada. Creo que lo que estás tratando de lograr es
data.Street = document.getElementById('street').value;Cambia esto
document.getElementById('street').value = data.Streeta
data.Street = document.getElementById('street').value