Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
El navegador ejecuta JavaScript de arriba hacia abajo, línea por línea, en el momento en que encuentra el <script>. Entender este orden te evita muchos errores comunes.
Explicación
El navegador ejecuta JavaScript siguiendo reglas simples:
orden secuencialEl código se ejecuta línea por línea, de arriba hacia abajo, en el orden en que está escrito.
<script> en el HTMLEl navegador ejecuta el script en el momento exacto en que lo encuentra mientras lee la página.
elemento aún no existeSi el script busca un elemento (con getElementById, por ejemplo) antes de que el HTML lo haya cargado, no lo va a encontrar.
Reto rápido
Agrega un cuarto console.log() al final y comprueba que aparece después de los otros tres.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
En este playground el HTML ya está cargado antes de que corra tu JavaScript, pero en un proyecto real esto depende de dónde coloques la etiqueta <script>: casi siempre va justo antes de cerrar </body>.
Dato extra
Este orden secuencial y predecible es una de las primeras cosas que distingue a un principiante de alguien con experiencia: saber exactamente qué existe (y qué no) en cada línea de tu código.
Error común
Esperar que JavaScript espere "automáticamente" a que algo termine antes de seguir: por defecto, el navegador no espera nada, simplemente sigue leyendo la siguiente línea de inmediato.
Siguiente paso
Ya entiendes cómo se ejecuta tu código paso a paso. Con esta base, en el siguiente módulo aprenderás a guardar información con variables.
Ir a la siguiente lección