Background Generator Files

Below you will find the files we created for the Background Generator. A few things you can try:

  1. Write code so that the colour inputs match the background generated on the first page load. 
  2. Display the initial CSS linear gradient property on page load.
  3. BONUS: Add a random button which generates two random numbers for the colour inputs.

You may also see different behaviours with the Color widget based on what browser you use. Remember, all browsers are implemented differently. Good luck!

PS - if you have any questions, reach out to our student community in the #javascript channel on Discord (Lecture 2 provides the link if you have not yet joined)!

P.S. here is something fun: a little preview of the future: https://github.com/aneagoie/background-generator

The link above contains the background generator project with NEW JavaScript syntax. We will be exploring this and coming back to it in the Advanced JavaScript section!