CodingNic

Task Actions

Make the Board Interactive

Task Actions 5 min read

Make the Board Interactive

Make the Board Interactive

You have a board that can render task data. Now the user needs a way to change that data.

You will add the interactions in a deliberate order. First connect the Add Task button and form, then create new task objects, then remove tasks, and finally add drag-and-drop.

The important habit throughout this module is to update tasks first and let renderTasks() update the interface.

By the end of this module

You should be able to:

  • open and close the task form
  • create a task from submitted form values
  • delete a task
  • drag a task to another column
  • see the board and counts update after every action