Project Challenge 4: Moving a Task from To-do to Done

Move a task from the to-do list to done when the done button corresponding to that task element is clicked.

Problem statement

In this challenge, the task is this:

  • When the user clicks on one of the done button elements nested within a task, move the corresponding parent task element from the “To-do” list to the end of the “Done” list.

  • Additionally, remove the done button element from the corresponding task element.

📝 Note: The done button element with an id of done is dynamically generated upon the addition of a new task. The click event handler $("#done").click() will not work so we will utilize the on() method.

Get hands-on with 1200+ tech skills courses.