Simple To-Do List App

Medium
2
1
17.2% Acceptance

In this lab, you'll build a simple To-Do List App using HTML, CSS, and JavaScript. The app will consist of an input field to add new tasks, a list to display the tasks, and a button to clear all tasks. The focus of the lab will be on using event listeners, DOM manipulation, and HTML/CSS styling.

To complete the lab, you'll need to understand the following concepts:

  1. Basic HTML/CSS to create the layout of the app.
  2. JavaScript event handling (e.g., click event).
  3. DOM manipulation to dynamically add, edit and remove elements in the list.
  4. Using local storage to persist the list data across browser sessions (optional).