Sección 2: DOM

Lección 5: Ejercicio: Eventos del DOM

Usemos los archivos del ejemplo de la lección anterior: listado de compras. Actualicemos dicha aplicación para que realice lo siguiente:

1) Si hacemos click en un ítem del listado, este se tacha o se quita lo tachado. Para ello se deberá añadir la siguiente clase a nuestro archivo styles.css:

.comprado {

    text-decoration:line-through;

}

2) Añadir al lado de cada ítem un botón "Eliminar", el cual hacer click sobre él, elemine el correspondiente elemento del listado.

3) Cuando añadamos un nuevo elemento al listado, al lado de este nuevo elemento también debe añadirse su correspondiente botón "Eliminar".

Resolución del ejercicio:

Descargar archivo para iniciar el ejercicio por tu cuenta:

https://drive.google.com/open?id=10brPKqOcpnvHjQh5H0nioDRhjFCSKdqC

Descargar archivo con la resolución del ejercicio:

https://drive.google.com/open?id=1P_8stH8f7pwISR5vMVfN5r3m9GhiWusM

Bueno, eso fue todo por esta lección.

Nos vemos en la siguiente.

¡Adios!

C2-S2-L5. Ejercicio - Eventos del DOM

By Carlos Alberto Acosta Parra

C2-S2-L5. Ejercicio - Eventos del DOM

  • 102