PR0373 — Manipulació del DOM
Objectius
- Seleccionar i modificar elements del DOM amb JavaScript
- Crear i eliminar elements dinàmicament
- Gestionar events de l'usuari
- Modificar estils amb classList
Lliurament
Format: Carpeta comprimida .zip amb nom PR0373_nom_cognom.zip
Termini: Consulteu la programació d'aula
Exercici 1 — Gestor de tasques
Crea una aplicació de llista de tasques (index.html + app.js) amb:
- Camp de text per escriure la tasca
- Botó "Afegir"
- Llista on apareixen les tasques
- Cada tasca té: text, botó "Eliminar" i indicador de completada
- En clicar la tasca (però no el botó), es marca com a completada
- Comptador de tasques pendents i completades actualitzat en temps real
Exercici 2 — Calculadora de notes
Crea una pàgina que permeti:
- Afegir fins a 10 notes (0-10) amb camp de text + botó "Afegir nota"
- Mostrar totes les notes en una taula
- Calcular i mostrar automàticament: mitjana, nota màxima, nota mínima
- Mostrar si l'alumne aprova o suspèn
Exercici 3 — Galeria d'imatges
Crea una galeria de 6 imatges (poden ser placeholders de placehold.co) on:
- Les imatges es mostren en una quadrícula de 3x2
- En clicar una imatge, s'amplia en un modal
- El modal té botó de tancament i es pot tancar amb la tecla Escape
- Navegació entre imatges dins del modal (anterior/següent)
Criteris d'avaluació
| Criteri | Pes |
|---|---|
| Selecció i manipulació del DOM | 30% |
| Creació i eliminació d'elements | 30% |
| Gestió d'events | 25% |
| Modificació d'estils amb classList | 15% |