Tadessejemal1 / To-Do-list-Web

This project is a user add the lists of the tasks, and the website has a features of editing , delete and store the data to local storage using webpack to structure To-do-list app. It is a minimal implementation of a To Do list
3 stars 0 forks source link

Add interactive activities on to do #4

Closed Tadessejemal1 closed 2 years ago

Tadessejemal1 commented 2 years ago

The project has the following features

  1. I can Add a new JavaScript file and import it as a module:
  2. I can Add event listener to the checkbox.
  3. Update items object's value for completed key upon user actions.
  4. I Implemented a function for the "Clear all completed" button.
  5. Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.
Tadessejemal1 commented 2 years ago

After the clone, the project on the local machine uses this command npm install npm run build The project has the following features

  1. I can Add event listeners to the checkbox. when clicking the check box checkbox change checked and line through over the text

this is the screenshot image

  1. I can Update the item's object's value for the completed key upon user actions. which is the user wants to edit the value click the edit icon and updated the value. initial image After updated image other work also on local storage the user completed delete the value it's updated on the local storage. before delate on the local storage Arrays image After delete on the local storage Arrays image
  2. I Implemented a function for the "Clear all completed" button. this is the code
  3. Store the updated array of items in local storage, so the user gets the correct list values after the page reloads. before delate on the local storage Arrays image After delete on the local storage Arrays image
  4. when the user Adds the display of the existing list notification. image