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"];
|
||||
// #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