-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
30 lines (25 loc) · 903 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
29
30
var color1 = document.getElementById('color1');
var color2 = document.getElementById('color2');
var css = document.getElementById('css');
var backcolor = document.getElementById('body');
var randombtn = document.getElementById('random')
function backgroundcolor(){
backcolor.style.background =
"linear-gradient(to right, "
+ color1.value
+ ","
+ color2.value
+ ")";
css.textContent = backcolor.style.background;
}
color1.addEventListener('input',backgroundcolor);
color2.addEventListener('input',backgroundcolor);
function randomColor() {
let random = Math.floor(Math.random()*16777215).toString(16);
let random2 = Math.floor(Math.random()*16777215).toString(16);
color1.value = "#" + random;
color2.value = "#" + random2;
backgroundcolor();
}
randombtn.addEventListener("click", randomColor);
// randomColor();