---

📝 To-Do List Web App

A simple and interactive To-Do List application built using HTML, CSS, and JavaScript. This project allows users to add and delete tasks dynamically, helping manage daily activities efficiently.

---

🚀 Features

• ➕ Add new tasks
• ❌ Delete tasks instantly
• ⚡ Real-time DOM updates
• 🧠 Beginner-friendly JavaScript logic
• 💻 Lightweight and fast

---

🛠️ Technologies Used

• HTML – Structure of the application
• JavaScript (DOM Manipulation) – Functionality and interactivity

---

📂 Project Structure

📁 To-Do-List
 └── index.html

---

📌 How It Works

1. Enter a task in the input field
2. Click the Add button
3. Task appears in the list
4. Click Delete to remove the task

---

🔍 Code Explanation

• add()

  • Creates a new <li> element
  • Adds user input text
  • Appends it to the list

• del(event)

  • Removes the selected task using event.target.parentElement.remove()

---

▶️ How to Run

1. Download or clone the repository
2. Open the index.html file in any browser

---

📸 Preview

A basic UI with:

• Input field
• Add button
• Task list with delete option

---

🎯 Future Improvements

• Add task editing feature ✏️
• Save tasks using Local Storage 💾
• Add styling with CSS 🎨
• Mark tasks as completed ✔️

---