🚀 DOM-4-PROJECT

A collection of beginner-friendly JavaScript DOM projects built to strengthen my understanding of HTML, CSS, and JavaScript DOM Manipulation.

📌 About

This repository contains hands-on DOM projects created while learning JavaScript. Each project focuses on different DOM concepts such as event handling, user input, styling, and dynamic content updates.

---

📂 Projects

No.	Project	Description	Status
1	🎨 Color Changer	Change the background color using JavaScript DOM events.	✅ Completed
2	⚖️ BMI Generator	Calculate Body Mass Index (BMI) from user input.	✅ Completed
3	🕒 Digital Clock	Display the current time using JavaScript.	✅ Completed
4	🎯 Guess the Number	Number guessing game with multiple attempts and feedback.	✅ Completed

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• DOM Manipulation

---

📚 DOM Concepts Covered

• Selecting DOM Elements
• Event Listeners
• Functions
• User Input Handling
• DOM Traversal
• Styling Elements
• Timers (setInterval)
• Conditional Statements
• Loops
• Random Number Generation
• Form Validation

---

🎯 Purpose

The goal of this repository is to improve my JavaScript fundamentals by building small real-world projects using DOM manipulation.

---

📁 Repository Structure

DOM-4-PROJECT/
│
├── 01_Color_Changer/
├── 02_BMI_Generator/
├── 03_Digital_Clock/
├── 04_Guess_The_Number/
│
└── README.md

---

⭐ Future Projects

• Counter App
• Calculator
• To-Do List
• Password Generator
• QR Code Generator
• Weather App
• Notes App

---

👨‍💻 Author

Aman Shrivastab

GitHub: https://github.com/Amanshrivastab

---

⭐ If you find this repository helpful, consider giving it a star!