Antes de comenzar a trabajar con el DOM vamos a asegurarnos de que nuestro código de JavaScript corre
después de que todo el índex HTML sea ejecutado.
Si alguna vez has utilizado Cuadri recordarás que hay una parte que se llama el Document Reddy en JavaScript
y algo parecido vamos a hacer un ejemplo breve y vamos a escribir function y le ponemos aquí
esta forma esto se va a encargar de que este código nada más se ejecuta una vez y le ponemos aquí Streeck
para que JavaScript se discute en modo estricto y voy a poner antes un Consol blog que va a decir 1
y voy a copiar este Consol log y pegarlo aquí al final es decir 3 en la esquina de dos vamos a escribir
nuestra función.
En este caso lo aponer document.
Si recuerdas el Document se refiere al documento en general.
Voy a escribir un evento que se llama a Ben Li Zener.
De momento no hemos visto eventos pero vamos a ver este apéndice Bendixen va a ser un evento y un evento
es algo que ocurre y después de pausas que eventos que quieres revisar.
En este caso el evento que estamos revisando se van don content Loreta function y esto es ejecutar una
función y aquí le ponemos el Consol log.
2.
Puedes ver que tengo un consolón 1 2 y 3 recargo y vemos que la forma en que se ejecutan aparece el
1 luego 3 y luego el 2.
Esto pasa porque este se ejecuta inmediatamente y luego se ejecuta este.
Sin embargo como hemos escrito este código que nos dice espérate hasta que todo el índex HTML haya terminado
de cargarse y entonces si ejecuta el código JavaScript es por eso que este 2 se ejecuta al final y esto
es una buena práctica siempre es bueno tener todo el contenido cargado antes de comenzar a trabajar
en JavaScript ya que muchas veces escribes un selector aquí buscando un logo por ejemplo que aún no
has cargado y te aparece el error.
JavaScript no pudo encontrar el elemento o algo así entonces siempre es bueno tener este tipo de código
que escuche cuando el documento ha terminado de cargar y ahora si todo nuestro código de JavaScript
estar aquí adentro.
Para los siguientes videos.