This project is about basic manipulation of the DOM using jQuery. It makes you create a list of activities planned to accomplish for the day. After each activity is completed, clicking on it will create a strike through line which indicates its completion.
- Add New Todos
- Mark todo as completed
- Delete todos
This project is live on https://ridwanrajik.github.io/todo-list-app/.
The home page displays the environment to interact with the app. It is as shown in the image below
Clicking the + icon on the upper right corner, toggles the appearance and disapperance of the Add New Todo field
Enter a todo in the Add New Todo field, and click the enter key to have the todo added to the list
When you have a list of todos, clicking on a todo will create a strike through line over it to indicate its completion
Clicking a todo or hovering mouse over it will bring up delete icon by its side. clicking the delete icon gets the todo deleted
Technology used include HTML, CSS, JavaScript, jQuery