12 misiones para practicar la Parte 1 del DOM sobre páginas reales de una actividad educativa: seleccionar elementos, leer y cambiar su contenido, usar clases y crear elementos nuevos. El HTML ya viene hecho: tú programas el script.js.
🎯 querySelector · querySelectorAll · :checked
✏️ textContent · classList
🧱 createElement · appendChild · remove
▶ ¿Cómo funciona cada misión?
Arriba ves la página real (🖥️) y su código (📄 index.html). El HTML ya viene hecho: tú escribes solo el script.js.
Al tocar ▶ Ejecutar y verificar, tu script corre en la página y puedes usarla para probarla.
Al mismo tiempo, DOMCORE la prueba sola (también con otras versiones de la página, con otros datos, para que tu script funcione con cualquier contenido), y te muestra la lista de pruebas: ✅ las que pasan y ❌ las que todavía no.
🧠 Fichas de repaso
toca cada ficha para voltearla
🗺️ Mapa de misiones
0/12
🔒 Las misiones se desbloquean en orden: completa una para pasar a la siguiente.
Misión
🖥️ Vista previa
La página es real: después de ▶ Ejecutar y verificar, puedes usarla (tocar, escribir, enviar).
🎯 Consigna
📖 Ayuda rápida (sintaxis general)
Esta ayuda muestra la sintaxis general, con otros nombres. No es la solución: tú decides cómo aplicarla a la misión.
⌨️ Tu script.js
script.js
💬 Consola
Toca "▶ Ejecutar y verificar". Aquí aparecen tus console.log() y los errores.