Interactive Task Manager — Week 3 JavaScript Basics

This is a small vanilla JavaScript app demonstrating core JS concepts from Week 3: variables, functions, DOM manipulation, event handling, and basic form validation. It allows adding, deleting, and marking tasks as complete. Data persists in localStorage.

Features

• Add tasks with simple validation
• Delete tasks
• Mark tasks complete (checkbox)
• Counts for total and completed tasks
• Dark/Light mode toggle (saved to localStorage)

How to run

1. Open index.html in your browser (double-click or open with browser).
2. Add a task using the input and Add button or press Enter.
3. Toggle complete with the checkbox and delete with the Delete button.
4. Use the moon/sun button to toggle Dark/Light mode.

Tips for students

• Open Developer Tools (F12) and watch the console for console.log debug messages.
• Try adding empty tasks to see validation feedback.
• Inspect localStorage to see saved tasks and theme keys (taskManager.tasks, taskManager.theme).

Next steps / Exercises

• Add edit-in-place for tasks.
• Add task due dates and sorting.
• Add filters (All / Active / Completed).

License

• Free to use for learning and exercises.