2021-03-22 10:50:59 +11:00
|
|
|
const colors = ["green", "red", "rgba(133,122,200)", "#f15025"];
|
2021-05-11 09:48:21 +10:00
|
|
|
|
|
|
|
const btn = document.getElementById('btn');
|
|
|
|
const color = document.querySelector(".color");
|
|
|
|
|
|
|
|
btn.addEventListener('click', function () {
|
|
|
|
const randomNumber = getRandomNumber();
|
|
|
|
document.body.style.backgroundColor = colors[randomNumber];
|
|
|
|
color.textContent = colors[randomNumber];
|
|
|
|
})
|
|
|
|
|
|
|
|
function getRandomNumber() {
|
2021-05-17 16:19:39 +10:00
|
|
|
return Math.floor(Math.random()*colors.length);
|
2021-05-11 09:48:21 +10:00
|
|
|
}
|