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..adac4cc21 100644
--- a/Sprint-3/quote-generator/quotes.js
+++ b/Sprint-3/quote-generator/quotes.js
@@ -491,3 +491,19 @@ const quotes = [
];
// call pickFromArray with the quotes array to check you get a random quote
+
+const newQuoteButton = document.querySelector("#new-quote");
+const quoteDisplay = document.querySelector("#quote");
+
+function displayQuote() {
+ const randomQuote = pickFromArray(quotes);
+
+ const quote = randomQuote.quote;
+ const author = randomQuote.author;
+
+ quoteDisplay.innerText = `${quote}\n${author}`;
+}
+
+displayQuote();
+
+newQuoteButton.addEventListener("click", displayQuote);