Update index.html

Author: Hariprashad-Ravikumar

index.html

@@ -287,12 +287,12 @@ <h3>Forecast Visualization</h3>
   </div>
 
   <!-- Footer -->
+  <div style="margin:8px 0; font-size:14px; color:#ccc;">
+  Total page views: <strong id="visit-counter">0</strong>
+</div>
   <div class="footer">
     <small style="color:#aaa;">App Version: 1.0.0 (Beta)</small>
-    <br> <div style="margin:8px 0; font-size:14px; color:#ccc;">
-      Total page views : <strong id="visit-counter">…</strong>
-    </div>
-    &copy; 2025 Hariprashad Ravikumar · All rights reserved<br>
+    <br> &copy; 2025 Hariprashad Ravikumar · All rights reserved<br>
     <a href="https://hariprashad-ravikumar.github.io" target="_blank">Website</a> · 
     <a href="https://github.com/Hariprashad-Ravikumar" target="_blank">GitHub</a>
   </div>
@@ -403,20 +403,25 @@ <h3>Forecast Visualization</h3>
     });
   </script>
 
-  <script>
-  async function updateCounter() {
-    try {
-      const res = await fetch(
-        'https://api.countapi.xyz/hit/AI-DataScience-Lab/page_visits'
-      );
-      const { value } = await res.json();
-      document.getElementById('visit-counter').textContent = value;
-    } catch (err) {
-      console.error('Counter error', err);
-    }
-  }
-  updateCounter();
+  <!-- right before </body> -->
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const el = document.getElementById('visit-counter');
+    fetch(URL)
+      .then(res => {
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        return res.json();
+      })
+      .then(data => {
+        el.textContent = data.value;
+      })
+      .catch(err => {
+        console.error('Counter error:', err);
+        // optionally: el.textContent = '—';
+      });
+  });
 </script>
+
 
 </body>
 </html>