🌈 Gradient Generator

An interactive Gradient Generator built using HTML, CSS, and JavaScript to strengthen DOM manipulation and event handling concepts.

---

📖 About The Project

This project dynamically generates random HEX colors and applies them as a linear-gradient background to the webpage. Users can generate new color combinations with a single click and copy the gradient CSS code directly to the clipboard for reuse.

---

🚀 Features

• 🎨 Random HEX color generation
• 🌈 Dynamic linear-gradient background updates
• ⚡ Real-time DOM manipulation
• 📋 One-click clipboard copy functionality
• 🖱 Interactive button-based UI

---

🛠 Tech Stack

HTML – Structure
CSS – Styling & transitions
JavaScript – Logic & interactivity

---

🧠 Concepts Practiced

• Using addEventListener()
• DOM manipulation
• Dynamic style updates using JavaScript
• Generating random values
• Template literals for dynamic CSS
• Clipboard API implementation
• Understanding the difference between:
  • innerText
  • innerHTML
  • textContent

---

🎯 Purpose

This project was created as a hands-on practice project while learning JavaScript. It helped me understand how to connect logic with UI and build interactive web experiences.

---

⭐ Built to learn. Designed to experiment. Crafted to grow.