diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
index 30b434bcf..a31ca66c6 100644
--- a/Sprint-3/quote-generator/index.html
+++ b/Sprint-3/quote-generator/index.html
@@ -1,12 +1,15 @@
-
+
- Title here
+ Quote generator app
+
hello there
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js
index 4a4d04b72..abdd39192 100644
--- a/Sprint-3/quote-generator/quotes.js
+++ b/Sprint-3/quote-generator/quotes.js
@@ -491,3 +491,29 @@ const quotes = [
];
// call pickFromArray with the quotes array to check you get a random quote
+
+function chooseQuote() {
+ const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];
+
+ const quote = document.getElementById("quote");
+ quote.innerText = randomQuote.quote;
+
+ const author = document.getElementById("author");
+ author.innerText = randomQuote.author;
+}
+
+window.addEventListener("load", chooseQuote);
+
+const button = document.getElementById("new-quote");
+button.addEventListener("click", chooseQuote);
+
+const autoGenerate = document.getElementById("auto-play-toggle");
+let interval = null;
+autoGenerate.addEventListener("change", () => {
+ if (autoGenerate.checked) {
+ interval = setInterval(chooseQuote, 2000);
+ } else {
+ clearInterval(interval);
+ interval = null;
+ }
+});