📘 JavaScript DOM Practice Tasks

This repository contains beginner-friendly JavaScript DOM manipulation tasks. Each task is focused on practicing core DOM concepts with clean structure and interactive behavior.

---

✅ Completed Tasks Structure

Each task contains:

• index.html – HTML Structure
• style.css – Styling
• script.js – JavaScript functionality
• README.md – Task description, concepts used, what I learned, and flow

---

📂 Tasks List

No.	Task Name	Live Demo	Code
01	Change and Revert Heading	🔗 Live Demo	💻 Code
02	Toggle Button Text	🔗 Live Demo	💻 Code
03	Multiple Heading	🔗 Live Demo	💻 Code
04	innerHTML vs textContent	🔗 Live Demo	💻 Code
05	Change Style on Click	🔗 Live Demo	💻 Code
06	Update Heading	🔗 Live Demo	💻 Code
07	Show / Hide Paragraph	🔗 Live Demo	💻 Code
08	Live Character Counter	🔗 Live Demo	💻 Code
09	Increase Counter on Every Button Click	🔗 Live Demo	💻 Code
10	Add List Items Dynamically	🔗 Live Demo	💻 Code
11	Delete List Items Dynamically	🔗 Live Demo	💻 Code
12	Mark List as Completed	🔗 Live Demo	💻 Code
13	User Info Card	🔗 Live Demo	💻 Code
14	User Mood Based on Age	🔗 Live Demo	💻 Code
15	User Info Summary Card	🔗 Live Demo	💻 Code
16	Click to show info	🔗 Live Demo	💻 Code
17	Personalized Greeting Card	🔗 Live Demo	💻 Code

---

📌 Purpose

This repository helps in understanding:

• DOM selection and manipulation
• Event handling
• Conditional rendering
• Styling and interaction using JavaScript

---

📱 Responsiveness

All tasks in this repository are fully responsive.
They adapt seamlessly to various screen sizes, ensuring usability on:

• Mobile devices (small screens)
• Tablets
• Desktops

Custom @media queries are implemented where necessary to improve the user experience on very small devices.