SKIP TO CONTENT
GENERAL TRACK

Hacer las cosas interactivas

Agrega botones, contadores y comportamiento dinámico a tus páginas usando JavaScript.

1¿Qué es JavaScript?

Hasta ahora, tus páginas han sido estáticas — muestran contenido pero nada cambia cuando interactúas con ellas. JavaScript es lo que hace que las páginas cobren vida. Es el «cerebro» que escucha los clics, actualiza el texto, oculta y muestra elementos, y reacciona a lo que hace el usuario.

Los tres lenguajes de la web

HTML

El esqueleto — qué contenido aparece en la página

CSS

La piel — cómo se ve el contenido (colores, espaciado, fuentes)

JavaScript

El cerebro — cómo se comporta la página y reacciona a los usuarios

Cuando programas funciones interactivas con la IA, esta combina las tres. Tu instrucción podría ser «agrega un botón que cuente clics» y la IA escribe HTML (el botón), CSS (cómo se ve) y JavaScript (qué pasa al hacer clic) todo a la vez.

Your guide

2Instrucción: "Agrega un botón que cuente clics"

3Personaliza el contador

4Instrucción: "Agrega un interruptor de modo oscuro"

5Reto: Crea una lista de tareas interactiva