fixed repo count display

Author: NVitschDEV

index.html

@@ -87,7 +87,7 @@ <h1 class="hero-name">
           />
         </div>
         <div class="hero-stat hero-stat-1">
-          <strong id="stat-repos">17</strong>repositories
+          <strong class="stat-repos">17</strong>repositories
         </div>
         <div class="hero-stat hero-stat-2">
           <strong id="stat-contributions">269</strong>Contributions
@@ -162,7 +162,7 @@ <h4>// spoken languages</h4>
 
           <div class="about-detail">
             <span class="about-detail-label">Repositories</span>
-            <span class="about-detail-value">17 public</span>
+            <span class="about-detail-value"><span class="stat-repos">17</span> public</span>
           </div>
           <div class="about-detail">
             <span class="about-detail-label">Achievement</span>

script.js

@@ -316,12 +316,16 @@ async function handleFormSubmit() {
     const res = await fetch('https://api.github.com/users/NVitschDEV');
     if (res.ok) {
       const data = await res.json();
-      const el = document.getElementById('stat-repos');
-      if (el && data.public_repos) el.textContent = data.public_repos;
+      // Use querySelectorAll to find every instance of the class
+      const repoEls = document.querySelectorAll('.stat-repos');
+      repoEls.forEach(el => {
+        if (data.public_repos) {
+          el.textContent = data.public_repos;
+        }
+      });
     }
   } catch (_) { /* silently fail — static fallback shown */ }
 })();
-
 /* ── Smooth active nav highlight ─────────────────────────────────────── */
 const sections = document.querySelectorAll('section[id]');
 const navAnchors = document.querySelectorAll('.nav-links a[href^="#"]');