Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

¿Qué es JavaScript?

JavaScript es el lenguaje que le da comportamiento a la web: reacciona a clics, valida formularios y actualiza la página sin recargarla. Aquí lo ves trabajando junto a HTML y CSS.

Cargando editor...

Resultado

Preparando resultado...

Cambia el texto dentro del alert() y vuelve a hacer clic en el botón para ver tu propio mensaje.

Explicación

HTML, CSS y JavaScript trabajan juntos, pero cada uno tiene un trabajo distinto:

HTML

Define la estructura y el contenido: qué elementos existen en la página (el botón, el título, el párrafo).

CSS

Define la apariencia: colores, tamaños, espaciados.

JavaScript

Define el comportamiento: qué pasa cuando el usuario interactúa, como hacer clic en el botón.

addEventListener

Método que le dice a un elemento que "escuche" un evento (como un clic) y ejecute una función cuando ocurre.

Reto rápido

Cambia el mensaje del alert() y agrega un console.log() dentro de la misma función.

En esta lección

Ejemplo interactivo
Explicación de cada etiqueta
Cuándo usarlo
Errores comunes

Consejo

Si HTML es el esqueleto y CSS la ropa, JavaScript son los músculos: lo que hace que la página realmente se mueva y reaccione.

Dato extra

JavaScript es el único de los tres lenguajes que corre directamente en el navegador de cada usuario, sin necesidad de instalar nada ni compilar código.

Error común

Escribir el <script> o vincular el archivo .js antes de que exista el elemento que busca (como el botón): document.getElementById devuelve null y el código lanza un error. Por eso el JS de un proyecto casi siempre se coloca al final del body.

Siguiente paso

Ya entiendes qué rol cumple JavaScript. Ahora veamos de dónde viene y en cuántos lugares se usa hoy.

Ir a la siguiente lección