Sprint 3 · Entrega final
Tu OA con JavaScript: lógica, feedback y puntos
En este sprint tu Objeto de Aprendizaje cobra vida con JavaScript. Tiene que cumplir estas 3 cosas:
🧠 1. Lógica en los formulariosCon
if / else comprueba las respuestas de tus actividades: si están vacías, si son correctas o incorrectas.💬 2. Feedback con el DOMMuestra el resultado en la página: un mensaje con
textContent y un cambio visual con classList o style.🏆 3. Gamificación programadaPrograma al menos un elemento de tu gamificación, por ejemplo puntos que suben con
+= y se muestran en pantalla.✍️ Completa esta ficha, toca 📄 Generar PDF y entrega ese PDF en la tarea de CREA. Lo que escribes se guarda solo en este navegador.
1
Datos del OA
Cómo se llama tu OA y quiénes lo hicieron.
Un nombre por renglón.
Captura de pantalla del OA (opcional, queda de portada)
![]()
2
Enlaces del OA
Tu OA tiene dos enlaces distintos: uno para usarlo y otro para ver su código. Pruébalos en una ventana de incógnito para asegurarte de que abren.
Es la dirección donde está alojada (hosteada) tu página: al abrirla se ve y se usa el OA funcionando, como lo vería cualquier persona. La obtienes al publicar en GitHub Pages, Cloudflare Pages o Netlify.
Ejemplos:
Ejemplos:
https://tu-usuario.github.io/mi-oa/ · https://mi-oa.pages.dev · https://mi-oa.netlify.app
Es la dirección donde se ven los 3 archivos de tu OA:
Ejemplos:
index.html, estilos.css y script.js. Puede ser tu proyecto en OneCompiler o tu repositorio en GitHub. Sirve para que el docente lea tu código y otros puedan reutilizarlo.Ejemplos:
https://onecompiler.com/html/abc123xyz · https://github.com/tu-usuario/mi-oa
3
Objetivo y narrativa
Qué aprende quien usa tu OA y cuál es la historia que lo envuelve.
Empieza con «Que los estudiantes…» y di qué van a comprender y aplicar.
¿Qué rol tiene el usuario? ¿Cuál es su misión? ¿Cómo se relacionan los desafíos con la historia?
4
Gamificación
Marca las mecánicas que tiene tu OA y explica cómo funcionan.
🎮 Mecánicas usadas *
Ej.: «Puntos: se ganan 10 por respuesta correcta. Barra de progreso: muestra cuántas misiones completaste.»
5
Breve guía de uso
Escribe un paso por renglón; en el PDF quedan numerados.
6
Uso de Inteligencia Artificial
Es importante ser transparentes sobre cómo se hizo el recurso.
¿Usaron IA para desarrollar el OA? *