-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
29 lines (21 loc) · 848 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var css = document.querySelector("h3");
var body = document.querySelector("body");
var color1 = document.querySelector("#color1");
var color2 = document.querySelector("#color2");
var random = document.querySelector("#random");
function changeBackgroundColor(){
body.style.background = "linear-gradient(to right, " + color1.value + ", " + color2.value + ")";
css.textContent = body.style.background + ";";
}
function randomColors(){
color1.value = generateRandomColor();
color2.value = generateRandomColor();
changeBackgroundColor();
}
function generateRandomColor(){
return '#'+Math.floor(Math.random()*16777215).toString(16);
}
changeBackgroundColor();
random.addEventListener("click", randomColors);
color1.addEventListener("input", changeBackgroundColor);
color2.addEventListener("input", changeBackgroundColor);