diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/quote-generator-app.html
similarity index 100%
rename from Sprint-3/quote-generator/index.html
rename to Sprint-3/quote-generator/quote-generator-app.html
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js
index 4a4d04b72..68cfdd052 100644
--- a/Sprint-3/quote-generator/quotes.js
+++ b/Sprint-3/quote-generator/quotes.js
@@ -491,3 +491,20 @@ const quotes = [
 ];
 
 // call pickFromArray with the quotes array to check you get a random quote
+function displayRandomQuote() {
+  const quoteP = document.getElementById("quote");
+  const authorP = document.getElementById("author");
+
+  const selectedQuote = pickFromArray(quotes);
+
+  quoteP.textContent = selectedQuote.quote;
+  authorP.textContent = selectedQuote.author;
+}
+
+// Setup event listener and display initial quote on load
+window.addEventListener("DOMContentLoaded", () => {
+  displayRandomQuote();
+
+  const newQuoteBtn = document.getElementById("new-quote");
+  newQuoteBtn.addEventListener("click", displayRandomQuote);
+});
\ No newline at end of file