update html title and and on page load code in a function

marthak1 · marthak1 · commit 2bd68b20c768 · 2026-04-06T02:10:28.000+01:00
diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Title here</title>
+    <title>Quote generator app</title>
     <link rel="stylesheet" href="style.css">
     <script defer src="quotes.js"></script>
   </head>
@@ -17,5 +17,3 @@
     </section>
   </body>
 </html>
-
-
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js
@@ -489,8 +489,7 @@ const quotes = [
     author: "Zig Ziglar",
   },
 ];
-const title = document.querySelector("title")
-title.textContent = "Quote generator app";
+
 // call pickFromArray with the quotes array to check you get a random quote
 const quoteEl = document.querySelector("#quote");
 const authorEl = document.querySelector("#author");
@@ -504,7 +503,10 @@ function displayQuote() {
 }
 
 // Show initial quote on page load
-displayQuote();
+function setup() {
+  displayQuote();
 
-// Change quote when button is clicked
-button.addEventListener("click", displayQuote);
+  // Change quote when button is clicked
+  button.addEventListener("click", displayQuote);
+}
+window.addEventListener("load", setup)
