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!