Intermediate45 min
Todo app
Use todoList, renderTodoList, and addTodo to build an actual task workflow.
RenderingEvents
YOUR BUILD CHECKLIST
- Add a task and due date.
- Follow the -to-markup render loop.
- Delete an item and check the remaining indexes.
Editable original
Opening editor…
LIVE PREVIEW
Console 0
Your console output appears here.
Saved on this deviceJavaScript · ES2022
Notes on this source port
- Keep todoList, renderTodoList, addTodo and enter. Escape task text before innerHTML, reject empty tasks, label inputs, and let the grid fit narrow previews.
Make it your own
The original works. These are your next experiments.
- Persist todoList between runs.
- Add completion state without losing task identity.