JavaScript Project • To-Do List

A clean list maker with add, edit, and delete logic.

This project uses form handling, DOM creation, event listeners, and simple item editing to manage a live to-do list.

Return to Portfolio Go Back

How it works

Type an item, add it to the list, then edit or delete it using the item controls.

  • Add new tasks with a form submit event.
  • Edit existing tasks without refreshing the page.
  • Delete completed or unwanted tasks.
  • All interactions happen through JavaScript DOM updates.

My to-do list

Add an item below and manage your list.

No items yet. Add your first task above.

    Project concept

    This version keeps your original to-do list idea while fixing the edit logic, removing the accidental blank list item, improving the layout, and matching the Maya Multimedia blue design system.