Submitted over 2 years agoA solution to the Todo app challenge
Responsive Todo App using HTML, CSS & Javascript
LVL 3
@khlifibrahim

Solution retrospective
This JavaScript project is a simple task manager that allows you to add, complete, and filter tasks. It also features a dark mode toggle.
- Add tasks with a description.
- Mark tasks as completed.
- Filter tasks by All, Active, and Completed.
- Toggle between light and dark mode.
- Clone the repository to your local machine.
- Open the
index.htmlfile in your web browser.
bodyBg,darkModeIcon,taskValue,addTask, and other variables are used to select elements from the HTML document for interaction.- Event listeners are set up to handle user interactions, such as adding tasks, toggling dark mode, and filtering tasks.
- The
createTaskfunction adds a new task to the list when the "Add" button is clicked. - The
deletefinishfunction handles task completion and deletion when the checkmark or cross icon is clicked. - The
counterfunction updates the task counter and enables drag-and-drop functionality for tasks. - The
menufunction filters tasks based on the selected menu option.
This project is licensed under the MIT License - see the LICENSE.md file for details.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on KHLIFI BRAHIM’s solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord