2021-03-22 10:50:59 +11:00
|
|
|
const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"];
|
2021-05-17 16:36:42 +10:00
|
|
|
// #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);
|
|
|
|
}
|