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.

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 inputy obtendrás su valor de esta manera:

const temperature = document.querySelector('input#temperature').value

La temperaturevariable 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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

La importancia del timing al trabajar con el DOM

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

 

La importancia del timing al trabajar con el DOM
La importancia del timing al trabajar con el DOM

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

 

 

Update cookies preferences