diff --git a/quote.js b/quote.js index 3b6064d..cbc07bf 100644 --- a/quote.js +++ b/quote.js @@ -2,38 +2,23 @@ const quoteElement = document.getElementById("quote"); const authorElement = document.getElementById("author"); const buttonElement = document.querySelector("button"); -const quotes = [ - { - quote: "To AC is human. To AK divine.", - author: "Moon" - }, - { - quote: "Life is like riding a bicycle. To keep your balance, you must keep moving.", - author: "Albert Einstein" - }, - { - quote: "A dream is what makes people love life even when it is painful.", - author: "Theodore Zeldin" - }, - { - quote: "Don’t quit. Suffer now and live the rest of your life as a champion.", - author: "Muhammad Ali" - }, -]; +let quotes = []; + +fetch("quotes.json") +.then(response => response.json()) +.then(data => { + quotes = data.quotes; +}); + function Appear() { + console.log(quotes); const index = Math.floor(Math.random() * quotes.length); - const { quote, author } = quotes[index]; - console.log(index) - quoteElement.innerHTML = `"` + quote + `"` ; + const {quote, author} = quotes[index]; + quoteElement.innerHTML = `"` + quote + `"` ; authorElement.innerHTML = "- " + author; } function getQuote() { - let a = parseInt(Math.random() * 255); - let str = `rgba(${a}, ${Math.abs(a - 127)}, ${Math.abs(a - 255)}, 0.55)`; - console.log(str); - Update(str); + Update(); } - -getQuote(); \ No newline at end of file