Search⌘ K
AI Features

Adding Tasks to Columns

Explore how to add tasks dynamically to columns by creating and handling a modal window form in ES6 JavaScript. Understand modal integration, event handling, and DOM manipulation to improve user experience with task management boards.

We'll cover the following...

Exercise:

Create a + button inside the column header. When this + is pressed, open a modal window with the same form fields as the ones at the bottom of the page. When submitting the form, the new card should appear inside the column where it was created. Use the rmodal library!

As the form at the bottom of the page is now useless, remove it.

Source code:

Use the PomodoroTracker4 folder as a starting point. The result is in PomodoroT ...