javascript-basic-projects/01-color-flipper/hex.js

17 lines
513 B
JavaScript
Raw Normal View History

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