Skip to main content

Practice ยท 1 of 1

Capstone: Task Tracker

Build the task tracker. storage (localStorage-like) and document (records your DOM calls) are provided. Requirements: 1. tasks load from storage key "tasks" as JSON (default: []). 2. addTask(title) appends { title, done: false }, saves to storage, re-renders. 3. toggleTask(index) flips done, saves, re-renders. 4. render() creates one <li> per task inside the element with id "task-list": "[x] title" when done, "[ ] title" when not. 5. Demonstrate: add "learn state", add "build tracker", toggle index 0.

Difficulty: intermediate

Back to lesson: Practice: Project: Interactive Web App โ€” Practice