copmlate the code

AhmadHmedann · AhmadHmedann · commit b18423abca46 · 2025-12-06T21:22:42.000Z
diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
@@ -5,22 +5,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Quote generator app</title>
     <script defer src="quotes.js"></script>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <div class="page">
       <main class="quote-card">
         <figure class="quote">
           <span class="quote-mark">❝</span>
-          <blockquote id="quote-text">
-            Don't cry because it's over, smile because it happened.
-          </blockquote>
-          <figcaption id="quote-author">– Dr. Seuss</figcaption>
+          <blockquote id="quote-text"></blockquote>
+          <figcaption id="quote-author"></figcaption>
         </figure>
-    
-        <button id="new-quote-btn" type="button">
-          New quote
-        </button>
+
+        <button id="new-quote-btn" type="button">New quote</button>
       </main>
     </div>
   </body>
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js
@@ -491,3 +491,10 @@ const quotes = [
 ];
 
 // call pickFromArray with the quotes array to check you get a random quote
+function generateRandomQuote(){
+  const myObj =pickFromArray(quotes);
+  document.getElementById("quote-text").textContent=`${myObj.quote}`
+  document.getElementById("quote-author").textContent=`-${myObj.author}`
+}
+ window.onload=generateRandomQuote;
+document.getElementById("new-quote-btn").addEventListener("click",generateRandomQuote);
