var cards = document.querySelectorAll('.card'); var targetValues = [100, 500, 400, 50]; // Farklı kartlar için hedef sayılar cards.forEach(function(card, index) { var counterElement = card.querySelector('.card-sayı'); var counter = 0; var target = targetValues[index]; function startCount() { counterElement.classList.add('show'); var interval = setInterval(function() { if (counter >= target) { clearInterval(interval); } else { counter++; counterElement.querySelector('.sayı-text').textContent = counter; } }, 10); } var observer = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { startCount(); observer.unobserve(entry.target); } }); }, { threshold: 0.5 }); observer.observe(card); });