diff --git a/01-color-flipper/hex.js b/01-color-flipper/hex.js index e69de29..cb5743b 100644 --- a/01-color-flipper/hex.js +++ b/01-color-flipper/hex.js @@ -0,0 +1,19 @@ +const hex = [0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f"]; +// #f15025 + +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); +}