Project Challenge

Objective

I createD a simple task list that helps me establish reminders about the tasks to be performed. The first step I took was to define my UI variables by selecting both ID and class names using the querySelector method. I have created a loadEventListener method which will give my task list functionality when adding a task for adding, deleting and filtering tasks. I used DOMContentLoaded event for accessing local storage space. To ensure that the code runs immediately after the page loads.

I created additional methods that will allow me to access tasks from the local storage. To enable the user to create a new task. I made use of JSON for my store task method. This allows each task to be stored locally until the user decides to delete. This task is intended to reflect this intention. Each task is removed individually, while the clear task removes the entire list. The filter method is a useful tool for users with a large list who want to quickly locate specific tasks.