DIY Task Build a to-do list app

Code a to-do list app so that Professor Bairstone can add items to a list. Then when he completes a task he can click on the item and remove it from the list. Make sure the information is safely saved in the web browser. Your will need to use the DOM and localStorage APIs and your app will include:

  • A function that adds items to the list
  • A function that removes items from the list
  • A function that saves the list
  • A function that loads the list
  • A text box
  • A button

If you’re stuck, copy this piece of code and then change the design and password to make it your own. Don’t forget to save your file in your Coding folder and call it listapp.html

See the Pen M3 DIY Build a to-do list app by Walker Books UK (@walkerbooks) on CodePen.