📝 Todo List App (DOM Manipulation)

📌 Project Overview

This project is a Todo List Application built using HTML, CSS, and JavaScript.
It was developed as part of the 4th Session Task to practice DOM manipulation, event handling, and dynamic UI updates using JavaScript.

The application allows users to manage daily tasks efficiently while displaying real-time statistics.

---

🎯 Project Objectives

• Practice JavaScript DOM manipulation
• Understand event listeners and user interactions
• Dynamically update the UI
• Strengthen HTML and CSS fundamentals
• Build a fully interactive mini project

---

🚀 Features

• Add new todos
• Show alert when input is empty
• Mark todos as completed
• Delete individual todos
• Display total todos count
• Display completed todos count
• Clear all todos at once

---

🧱 Technologies Used

• HTML – Page structure
• CSS – Styling and layout
• JavaScript – DOM manipulation and application logic

---

🖼️ Screenshot

---

🖼️ Screenshot 2 (Showing alert when we click add todo without giving an input)

---