Issue with Duplicate Scripts ,no opening section , Missing Scroll Top Solved

Author: HarshitGourlariya

index.html

@@ -360,7 +360,7 @@ <h3 class="review-name">Sara Ahmed</h3>
           <p>Message Delivered</p>
         </div>
       </div>
-        </section>
+        
     </main>
 
     <footer class="footer">
@@ -371,22 +371,7 @@ <h3 class="review-name">Sara Ahmed</h3>
     </footer>
     <button id="scrollToTopBtn" title="Go to top">↑</button>
     <script src="script.js"></script>
-    <script>
-    const toggle = document.getElementById('darkModeToggle');
-    const body = document.body;
-    const icon = document.getElementById('themeIcon');
-
-    // Load preference
-    const savedTheme = localStorage.getItem('theme');
-    if (savedTheme === 'dark') {
-        body.classList.add('dark-theme');
-        icon.textContent = '☀️'; // Sun in dark mode
-    } else {
-        icon.textContent = '🌙'; // Moon in light mode
-    }
-
-
-    <script src="script.js"></script>
+    
 </body>
 </html>
 

script.js

@@ -377,4 +377,20 @@ function validateForm() {
     grabCursor: true,
     speed: 600,
   });
-     
+     
+
+    //Scroll to top functionality
+      const scrollToTopBtn = document.getElementById("scrollToTopBtn");
+
+// Show button when user scrolls down
+window.addEventListener("scroll", () => {
+    scrollToTopBtn.style.display = window.scrollY > 300 ? "block" : "none";
+});
+
+// Scroll to top smoothly
+scrollToTopBtn.addEventListener("click", () => {
+    window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+    });
+});

style.css

@@ -1162,3 +1162,25 @@ body.dark-theme button:hover {
 }
 
 
+        #scrollToTopBtn {
+    position: fixed;
+    bottom: 2rem;
+    right: 2rem;
+    z-index: 999;
+    background-color: #667eea;
+    color: white;
+    border: none;
+    outline: none;
+    padding: 0.75rem 1rem;
+    border-radius: 50%;
+    font-size: 1.25rem;
+    cursor: pointer;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+    display: none;
+    transition: background 0.3s ease, transform 0.3s ease;
+}
+
+#scrollToTopBtn:hover {
+    background-color: #5a67d8;
+    transform: scale(1.1);
+}