Fix : Naming Error

Author: ashishgit10

29-Color-Pallete-Generator/README.md 29-Color-Palette-Generator/README.md29-Color-Pallete-Generator/README.md renamed to 29-Color-Palette-Generator/README.md

@@ -27,14 +27,10 @@ A beautiful, interactive color palette generator that creates stunning color com
 - **Tablet Ready**: Responsive design for all screen sizes
 - **Fast Loading**: Lightweight and optimized for performance
 
-## 🚀 Live Demo
-
-[View Live Demo](https://your-demo-link-here.com) *(Add your deployed link here)*
-
 ## 📁 Project Structure
 
 ```
-29-Color-Pallete-Generator/
+29-Color-palette-Generator/
 ├── index.html          # Main HTML structure
 ├── style.css           # Styling and responsive design
 ├── script.js           # JavaScript functionality
@@ -64,7 +60,7 @@ To understand and work with this project, you should have:
 ### 1. Clone the Repository
 ```bash
 git clone https://github.com/ashishgit10/25-Javascript-Projects-for-beginner.git
-cd 25-Javascript-Projects-for-beginner/29-Color-Pallete-Generator
+cd 25-Javascript-Projects-for-beginner/29-Color-palette-Generator
 ```
 
 ### 2. Run the Application

29-Color-Pallete-Generator/img/image.png 29-Color-Palette-Generator/img/image.png29-Color-Pallete-Generator/img/image.png renamed to 29-Color-Palette-Generator/img/image.png

@@ -0,0 +1,80 @@
+const generateBtn = document.getElementById("generate-btn");
+const colorBoxes = [
+  document.getElementById("color1"),
+  document.getElementById("color2"),
+  document.getElementById("color3"),
+  document.getElementById("color4"),
+];
+
+// Function to generate a random hex color
+function getRandomColor() {
+  const letters = '0123456789ABCDEF';
+  let color = '#';
+  for (let i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}
+
+// Generate a palette and update the UI
+function generatePalette() {
+  colorBoxes.forEach(box => {
+    const color = getRandomColor();
+    box.style.background = color;
+    box.textContent = color;
+  });
+
+  // Optional: Change background gradient dynamically
+  document.body.style.background = `linear-gradient(135deg, ${getRandomColor()}, ${getRandomColor()})`;
+}
+
+// Event listener
+generateBtn.addEventListener("click", generatePalette);
+
+// Copy color on click
+colorBoxes.forEach(box => {
+  box.addEventListener("click", () => {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(box.textContent)
+        .then(() => {
+          alert(`Copied ${box.textContent} to clipboard!`);
+        })
+        .catch((err) => {
+          // Fallback to execCommand if available
+          fallbackCopyTextToClipboard(box.textContent);
+        });
+    } else {
+      // Fallback for unsupported browsers
+      fallbackCopyTextToClipboard(box.textContent);
+    }
+  });
+});
+// Fallback function for copying text
+function fallbackCopyTextToClipboard(text) {
+  const textArea = document.createElement("textarea");
+  textArea.value = text;
+  // Avoid scrolling to bottom
+  textArea.style.position = "fixed";
+  textArea.style.top = "0";
+  textArea.style.left = "0";
+  textArea.style.width = "2em";
+  textArea.style.height = "2em";
+  textArea.style.padding = "0";
+  textArea.style.border = "none";
+  textArea.style.outline = "none";
+  textArea.style.boxShadow = "none";
+  textArea.style.background = "transparent";
+  document.body.appendChild(textArea);
+  textArea.select();
+  try {
+    const successful = document.execCommand('copy');
+    if (successful) {
+      alert(`Copied ${text} to clipboard!`);
+    } else {
+      alert('Failed to copy to clipboard.');
+    }
+  } catch (err) {
+    alert('Failed to copy to clipboard.');
+  }
+  document.body.removeChild(textArea);
+}

29-Color-Pallete-Generator/index.html 29-Color-Palette-Generator/index.html29-Color-Pallete-Generator/index.html renamed to 29-Color-Palette-Generator/index.html

@@ -288,12 +288,12 @@ This project is a simple web-based  E-commerce Website. The HTML file sets up th
 
 <hr>
 
-### 29. Color Pallete Generator
+### 29. Color palette Generator
 
 A beautiful, interactive color palette generator that creates stunning color combinations with a single click. Built with vanilla HTML, CSS, and JavaScript, this tool helps designers, developers, and artists discover harmonious color schemes for their creative projects.
 
 
-[Live Preview](https://zpratikpathak.github.io/25-Javascript-Projects-for-beginner/29-Color-Pallete-Generator) | [Source Code](https://github.com/zpratikpathak/25-Javascript-Projects-for-beginner)
+[Live Preview](https://zpratikpathak.github.io/25-Javascript-Projects-for-beginner/29-Color-palette-Generator) | [Source Code](https://github.com/zpratikpathak/25-Javascript-Projects-for-beginner)
 
 Want to add your Javascript Project? Feel free to contribute, open a Pull Request [Contribute](https://github.com/zpratikpathak/25-Javascript-Projects-for-beginner)