Build a Random Quote Machine - freeCodeCamp - Ч.2
Продолжим предыдущую тему и попробуем немного усовершенствовать полученный код воспользовавшись этой инструкцией.
Здесь предлагают вместо массива с цитатами использовать JSON массив. Что это и зачем читаем здесь и здесь.
Разметка страницы изменилась незначительно: добавился ещё один div для автора цитаты и у кнопки убрали свойство onclick, оно будет реализовано в js-коде, что более правильно с точки зрения семантики.
function randomQuote() {
var random = quotes[Math.floor(Math.random() * quotes.length)];
quotation.innerText = `“${random.quote}.”`;
source.innerText = random.source;
}
document.querySelector("button").addEventListener('click', randomQuote)
Результат работы кода можно увидеть здесь.
В качестве источника цитат использовались сайты Жемчужины мысли, Омар Хайям, Ad me.
Здесь предлагают вместо массива с цитатами использовать JSON массив. Что это и зачем читаем здесь и здесь.
Разметка страницы изменилась незначительно: добавился ещё один div для автора цитаты и у кнопки убрали свойство onclick, оно будет реализовано в js-коде, что более правильно с точки зрения семантики.
function randomQuote() {
var random = quotes[Math.floor(Math.random() * quotes.length)];
quotation.innerText = `“${random.quote}.”`;
source.innerText = random.source;
}
document.querySelector("button").addEventListener('click', randomQuote)
Результат работы кода можно увидеть здесь.
В качестве источника цитат использовались сайты Жемчужины мысли, Омар Хайям, Ad me.