Skip to content

I love to use the color generator in my projects, so why not share it with everyone?!

Notifications You must be signed in to change notification settings

iluskaland/background-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Background generator

This project is part of the @zerotomastery JavaScript task, focusing on creating a gradient generator with additional features.

Overview

Basic Functionality (Provided by the Course)

We began with a shared function, setGradient(), which allowed users to set a gradient based on the colors selected with input elements.

Additional Opportunities (Optional)

As part of the course, the following optional tasks were suggested for students to explore:

  1. Match Background on Page Load: write code that makes the color inputs match the background gradient generated on the first page load.

  2. Display Initial CSS Linear Gradient Property: display the initial CSS linear gradient property upon page load. I also included a reset button for users to revert to this initial state.

  3. BONUS: Add a Random Button: As an additional challenge, I created a "Random" button that generates two random colors for the gradient. Initially, I developed a random RGB generator function on my own, but later I found a more efficient solution and linked the source in the JavaScript file's comment section.

Accessing the Source Code

To explore and utilize the source code of this project, please visit the GitHub repository. Enjoy using the source code!

About

I love to use the color generator in my projects, so why not share it with everyone?!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published