practice javascript DOM
DEMO LINK: https://minimomo14.github.io/Background-color-generator/
Background Color Generator Documentation
bg_generator_demo.mp4
Overview The Background Color Generator is a web application that allows users to generate random background colors and easily copy the corresponding color code. It is built using HTML, CSS, and JavaScript to provide a simple and interactive user experience.
Table of Contents Installation Usage Features Technologies Used How It Works Code Structure Contributing License Installation To use the Background Color Generator, follow these steps:
Clone the repository to your local machine:
bash Copy code git clone [email protected]:minimomo14/Background-color-generator.git Open the index.html file in your web browser.
Usage Open the web application in your browser.
Click the "Generate Color" button to get a random background color.
The color code will be displayed below the generated color. Click the "Copy" button to copy the color code to your clipboard.
Features Random Color Generation: Quickly generate random background colors with a click of a button. Color Code Display: View the hexadecimal color code of the generated color. Copy to Clipboard: Easily copy the color code to the clipboard for use in your projects. Technologies Used HTML CSS JavaScript
How It Works The Background Color Generator uses JavaScript to generate a random color and update the background of the page. The color code is displayed below the generated color, and users can copy it to the clipboard using the "Copy" button.
Code Structure index.html: The main HTML file containing the structure of the web page. style.css: The CSS file for styling the web page. script.js: The JavaScript file for handling color generation and clipboard functionality. Contributing Contributions are welcome! If you'd like to contribute to the project, please follow the contributing guidelines.