I created a mini form that lets the user:
- input the name of the task
- add the task to a list
- check a box to mark the task as done, triggering a fun confetti animation (confetti explosion)
- delete a task at the click of a button
- edit the task and save edits by entering an "edit mode" state.
Additionally the form will:
- block an empty entry
- prompt the user to type a value, by way of an alert box
- allow submission by either clicking button or pressing the key "enter"
- HTML5/CSS3
- Vanilla JavaScript
- Bootstrap CSS Framework - https://getbootstrap.com/
- Confetti 🎉🎉🎉animation made by Sebastian Wetzel : https://confettijs.org/ or https://github.com/swetzel/confetti.js (Copyright (c) 2025, Sebastian Wetzel)
https://lynasim.github.io/bootcampW4_TODO_List/
MIT