🎨 Shade Shuffle

Shade Shuffle is a fun beginner-friendly JavaScript project that changes the background color of the webpage every time you click a button.

This project is designed as a practice exercise for learning HTML, CSS, and JavaScript.
In this version, the main logic has been removed, so you can write it yourself using the provided comments and hints.

---

🌍 Sample Site

You can see the completed sample site here: https://addison-haight.github.io/ShadeShuffle/

---

🧩 Project Structure

shade-shuffle/ │ ├── index.html # Basic page structure ├── style.css # Styling for the page and button ├── script.js # JavaScript logic (with TODOs for students) └── README.md # Project documentation

---

🚀 What You’ll Learn

By completing this project, you’ll practice:

• Selecting and manipulating HTML elements using JavaScript DOM methods
• Generating random colors using JavaScript logic
• Handling button click events
• Updating text and styles dynamically
• Writing clean, commented code

---

🧠 Task for You

1. Open script.js
2. Implement the following:
   • A function to generate a random hex color code (e.g., #A1B2C3)
   • Logic to:
     • Change the background color
     • Display the new color code inside the <span> element
3. Test your logic by clicking the Shuffle Shade button.
4. Customize styles in style.css (optional).

---

💡 Hints

• Use Math.random() and Math.floor() to generate random numbers.
• A hex color is made up of 6 characters (0–9, A–F) after the #.