Project Challenge 5: Moving and Removing Tasks with Effects

Add fade-out and fade-in effects when a task moves from to-do to done. Also, add a fade-out effect when a task is deleted.

Problem statement

In this challenge, we will add effects to the existing project. The task is as follows:

  • When the user clicks on one of the done button elements, the corresponding parent task element from the “To-do” list fades out (1 second) and fades back in (1 second) to the end of the “Done” list.

  • When the user clicks on one of the delete button elements, the corresponding parent task element fades out (1 second) and is deleted from the webpage.

Get hands-on with 1200+ tech skills courses.