Build a Random Quote Machine - freeCodeCamp - Ч.3
Займёмся оформлением и научим JavaScript менять цвет фона страницы по клику. Нам нужен массив цветов и функция, позволяющая выбирать их в случайном порядке. А затем назначим случайный цвет - цветом фона страницы. Вот так:
var color = ['#16a085', '#27ae60', '#2c3e50', '#f39c12', '#e74c3c', '#9b59b6', '#FB6964', '#342224', "#472E32", "#BDBB99", "#77B1A9", "#73A857"];
var randomColor = color[Math.floor(Math.random() * color.length)];
document.body.style.backgroundColor = randomColor;
Так же изменила цвет кнопки и текста:
document.getElementById("button").style.backgroundColor = randomColor;
document.getElementById("quotation").style.color = randomColor;
document.getElementById("source").style.color = randomColor;
Результат можно увидеть по ссылке.
var color = ['#16a085', '#27ae60', '#2c3e50', '#f39c12', '#e74c3c', '#9b59b6', '#FB6964', '#342224', "#472E32", "#BDBB99", "#77B1A9", "#73A857"];
var randomColor = color[Math.floor(Math.random() * color.length)];
document.body.style.backgroundColor = randomColor;
Так же изменила цвет кнопки и текста:
document.getElementById("button").style.backgroundColor = randomColor;
document.getElementById("quotation").style.color = randomColor;
document.getElementById("source").style.color = randomColor;
Результат можно увидеть по ссылке.