From 6ab6ce7be844918e911890cc697a104083b0ed0e Mon Sep 17 00:00:00 2001
From: pani2004 <debashispani61@gmail.com>
Date: Sat, 8 Jun 2024 14:18:10 +0530
Subject: [PATCH] Fixed the bug

---
 index.html | 44 +++++++++++++++++++++-----------------------
 styles.css |  1 +
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 735a1470..cff08275 100644
--- a/index.html
+++ b/index.html
@@ -1036,33 +1036,31 @@ <h4>Reach Out To Us</h4>
 
     </footer>
 
-    <!-- adding a scrollup btn -->
-    <a class="goupbtn" href="#"><i class="fa-solid fa-arrow-up"></i></a>
+    <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
+<script>
+  // Get the button
+  var mybutton = document.querySelector(".goupbtn");
+
+  // When the user scrolls, check if the button should be displayed
+  window.addEventListener("scroll", function() {
+    if (window.scrollY > 20) {
+      mybutton.style.display = "block";
+    } else {
+      mybutton.style.display = "none";
+    }
+  });
 
-    <script>
-      // Get the button
-      var mybutton = document.getElementById("goToTopBtn");
+  // When the user clicks on the button, scroll to the top of the document
+  function goToTop() {
+    document.body.scrollTop = 0; // For Safari
+    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+  }
+</script>
+
+    
 
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-        scrollFunction();
-      };
-
-      function scrollFunction() {
-        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-          mybutton.style.display = "block";
-        } else {
-          mybutton.style.display = "none";
-        }
-      }
 
-      // When the user clicks on the button, scroll to the top of the document
-      function goToTop() {
-        document.body.scrollTop = 0;
-        document.documentElement.scrollTop = 0;
-      }
-    </script>
 
     <script>
       let hamburger = document.querySelector('.hamburger');
diff --git a/styles.css b/styles.css
index 5e717725..98b173a1 100644
--- a/styles.css
+++ b/styles.css
@@ -2198,6 +2198,7 @@ body {
   font-size: 22px;
   transition: all 0.5s;
   transition: box-shadow 0.3s; /* Added transition for box-shadow */
+  display: none;
 }
 
 .goupbtn:hover {