counter update with key

Author: nipunh

index.html

@@ -1184,13 +1184,7 @@ <h1 class="footer__title">Nipun</h1>
       </div>
     </footer>
   </main>
-  <script>
-    function cb(response) {
-      console.log(response.value);
-        document.getElementById('visits').innerText = response.value;
-    }
-    </script>
-  <script async src="https://api.countapi.xyz/hit/nipunh.github.io/visits?callback=cb"></script>
+  <script src="./js/counter.js"></script>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
   <script src="./js/main.js"></script>
 </body>

js/counter.js

@@ -1,4 +1,10 @@
-function cb(response) {
-    console.log(response.value)
-    document.getElementById('visits').innerText = response.value;
-}
+const countElement = document.getElementById('count');
+
+fetch('https://api.countapi.xyz/hit/nipunh.github.io/nipunh')
+  .then(response => response.json())
+  .then(data => {
+    countElement.innerText = data.value;
+  })
+  .catch(error => {
+    console.error('Error fetching the count:', error);
+});