HTML DOM and JavaScript Events - ic

NOTE: Use Arrow function syntax!

Exercise 1:

Create an HTML page containing 3 different buttons, one saying RED, one saying GREEN, and one saying BLUE. When the User holds the mouse over one of the buttons, change the background color according to the text value on the button. The default background color should be white.

Exercise 2:

Create an HTML page with a button. Using JavaScript, each time a button is clicked use the array below to change the color of the Body background to the corresponding index. The colors do not have to start over once the last color is reached.

["blue", "red", "yellow", "brown", "orange", "purple", "black", "green"]

Challenge 1

Exercise 1: Change the title of the page to be the name of the current color.

Challenge 2

Exercise 2: Make sure the colors recycle.