Add functionality to display and update random quotes on button click

Author: Darkidd77

Sprint-3/quote-generator/quotes.js

@@ -496,3 +496,19 @@ const quotes = [
 const quoteElement = document.getElementById("quote");
 const authorElement = document.getElementById("author");
 const buttonElement = document.getElementById("new-quote");
+
+function displayRandomQuote() {
+  // get a random quote from the quotes array
+  const randomQuote = pickFromArray(quotes);
+
+  // update the quote and author elements
+  quoteElement.textContent = randomQuote.quote;
+  authorElement.textContent = randomQuote.author;
+}
+
+displayRandomQuote(); // display a random quote when the page loads
+
+// display a new random quote when button is clicked
+buttonElement.addEventListener("click", () => {
+  displayRandomQuote();
+});