Mientras trabajaba con los estudiantes en mi bootcamp, ayudé a algunos de ellos a resolver un problema: el tiempo.
En particular, hay una cosa que quizás no sea evidente al principio.
Cuando accede al valor de un elemento DOM y lo almacena en una variable, esa variable NO se actualizará con el nuevo valor cuando cambie el elemento DOM.
Supongamos que tienes un campo de entrada en un formulario input
y obtendrás su valor de esta manera:
const temperature = document.querySelector('input#temperature').value
La temperature
variable obtiene el valor del estado del campo de entrada en el momento en que el navegador ejecuta esta declaración y luego el valor permanece igual para siempre.
Por eso no puedes hacer esto:
const temperature = document.querySelector('input#temperature').valuedocument.querySelector('form') .addEventListener('submit', event = { //send the temperature value to your server})
pero necesitas acceder al valor de temperatura cuando envías el formulario:
document.querySelector('form') .addEventListener('submit', event = { const temperature = document.querySelector('input#temperature').value //send the temperature value to your server})
Alternativamente, puede almacenar la referencia del campo de entrada en una variable y usarla para acceder a su valor al enviar: Armario escobero
const temperatureElement = document.querySelector('input#temperature')document.querySelector('form') .addEventListener('submit', event = { const temperature = temperatureElement.value //send the temperature value to your server})
Tips para principiantes de JavaScript
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
La importancia del timing al trabajar con el DOM
Mientras trabajaba con los estudiantes en mi bootcamp, ayudé a algunos de ellos a resolver un problema: el tiempo.
programar
es
https://aprendeprogramando.es/static/images/programar-la-importancia-del-timing-al-trabajar-con-el-dom-2391-0.jpg
2024-11-09
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente