Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
En esta lección escribirás tu primer código en JavaScript. Verás cómo mostrar un mensaje en pantalla y comenzarás a entender cómo se ejecuta el código en el navegador.
Explicación
Estas son las formas más básicas de "mostrar algo" en JavaScript:
// comentarioUna línea que el navegador ignora por completo; solo sirve para explicar el código a otras personas (o a ti mismo).
alert("...")Muestra un mensaje en una ventana emergente que detiene la página hasta que el usuario la cierra.
console.log("...")Escribe un mensaje en la consola del navegador (F12), sin interrumpir al usuario. Es la herramienta que más vas a usar para revisar tu código.
document.write("...")Escribe HTML directamente en la página mientras esta se está cargando.
Reto rápido
Modifica el mensaje del alert() y agrega un segundo document.write() con tu propio texto.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
console.log() es la herramienta más usada por cualquier programador de JavaScript: te acompañará todos los días para revisar qué está pasando en tu código.
Dato extra
document.write() es útil para aprender, pero casi no se usa en proyectos reales: si se llama después de que la página terminó de cargar, puede borrar todo el contenido existente. Más adelante verás formas más seguras de modificar el HTML.
Error común
Olvidar las comillas alrededor de un texto (alert(Hola) en vez de alert("Hola")): JavaScript intenta interpretar Hola como una variable que no existe, y el código lanza un error.
Siguiente paso
Ya ejecutaste tu primer script. Ahora entendamos exactamente cómo y cuándo el navegador ejecuta tu código.
Ir a la siguiente lección