Finished Hex page of Color Flipper, Color Flipper has all required feature completed
parent
a06d87ebaf
commit
d5075f8a58
|
@ -1 +1,17 @@
|
||||||
const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"];
|
const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"];
|
||||||
|
// #f15025 orange color
|
||||||
|
const btn = document.getElementById('btn');
|
||||||
|
const color = document.querySelector(".color");
|
||||||
|
|
||||||
|
btn.addEventListener('click', function(){
|
||||||
|
let hexColor = '#';
|
||||||
|
for (let i = 0; i < 6; i++) {
|
||||||
|
hexColor += hex[getRandomNumber()];
|
||||||
|
}
|
||||||
|
color.textContent = hexColor;
|
||||||
|
document.body.style.backgroundColor = hexColor;
|
||||||
|
});
|
||||||
|
|
||||||
|
function getRandomNumber() {
|
||||||
|
return Math.floor(Math.random() * hex.length);
|
||||||
|
}
|
Loading…
Reference in New Issue