Desafío de JavaScript de Manlikeakin, día 93: DOM: DOMContentLoaded.

Guau... ¡Terminaremos este desafío a esta hora la semana que viene!

DOMContentLoaded  se activa  cuando se carga el contenido DOM, sin esperar a que las imágenes y las hojas de estilo terminen de cargarse.

Debe manejar el  evento DOMContentLoade cuando coloca JavaScript en el encabezado de la página pero hace referencia a elementos en el cuerpo, por ejemplo:

En este ejemplo, hacemos referencia al botón en el  cuerpo  del JavaScript en el  encabezado .

Debido a que el DOM no se ha cargado cuando el motor de JavaScript analiza el JavaScript en el encabezado, el botón con el id btn no existe.

Para solucionar esto, coloque el código dentro de un  controlador de eventos DOMContentLoaded  , como este:

Cuando coloca JavaScript en el encabezado, causará cuellos de botella y demoras en el procesamiento, por lo que es mejor mover el script antes de la  etiqueta </body> . En este caso, no necesita colocar el código en el  evento DOMContentLoaded  , así:

Resumen

El  evento DOMContentLoaded se activa  cuando se carga el contenido DOM, sin esperar a que las imágenes y las hojas de estilo terminen de cargarse.

Solo maneje  el evento DOMContentLoaded  si coloca el código JavaScript en el encabezado, que hace referencia a elementos en la sección del cuerpo.

¡Gracias por leer!