Skip to content

readme.md

Latest commit

 

History

History
70 lines (45 loc) · 1.98 KB

readme.md

File metadata and controls

70 lines (45 loc) · 1.98 KB

Random Background Color Changer

This project is a simple application that changes the background color of the page randomly with a single button click. It also displays the current color code on the screen.

View Project

Join Discussion

🖼️ Screenshot

Random Color Changer Screenshot

🔹 Features

  • Randomly generates a background color.
  • Displays the current background color in HEX format.
  • Responsive design.
  • Smooth and instant color change.
  • User-friendly interface with a stylish button.

🔍 How It Works

  • When the user clicks the "Change Color" button, a new random HEX color is generated.
  • The background of the page updates to the new color.
  • The HEX code of the current background color is displayed in real-time.

💡 Technologies Used

✨ HTML

  • Sets up the basic structure: a color display and a button.

🌟 CSS

  • Styles the background, text, and button.
  • Ensures responsive and clean layout.
  • Adds padding, rounded corners, and shadows for better visuals.

✨ JavaScript

  • Handles random color generation.
  • Updates the background color and the displayed HEX code dynamically.
  • Adds an event listener to the button for user interaction.

📅 Summary

This project is a fun and interactive way to learn about DOM manipulation, event handling, and color generation using HTML, CSS, and JavaScript.

"One click, endless colors!" This project was updated as part of a GitHub achievements challenge. 🚀