diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..5f6a720f1 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,7 +3,7 @@ - Title here + Quote generator app diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..a2eb76715 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,18 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote + +function showRandomQuote() { + const randomQuote = pickFromArray(quotes); + + const quoteP = document.querySelector("#quote"); + const authorP = document.querySelector("#author"); + + quoteP.innerText = randomQuote.quote; + authorP.innerText = randomQuote.author; +} + +showRandomQuote(); + +const newQuoteBtn = document.querySelector("#new-quote"); +newQuoteBtn.addEventListener("click", showRandomQuote);