JavaScript Task List

Practice form events, safe DOM rendering and saving small amounts of data in this browser.

Your tasks

Try a variation

  1. Add two tasks, reload, then remove one. Does the list match what you expect?
  2. Try a whitespace-only task. Explain where the form validation stops it.
  3. Add a checkbox and a filter for completed tasks. Keep the rendering and storage logic separate.

Read the JavaScript lesson library