así que estaba tratando de construir un contador HTML interno para un número específico que se activa cuando está en la ventana gráfica. Mi código funciona bien pero solo en el último de los 3 elementos en mi sección ".countarea". Cuando uso console.log, muestra todos mis 3 divs. ¿Por qué solo está trabajando en el último div?

 //Counter Animation let counter = document.querySelectorAll(".counter"); console.log(counter); counter.forEach((counter) => { counter.innerText="0"; updatecounter = () => { let i = +counter.innerText; let target = +counter.getAttribute("data-target"); let increcement = target / 15000; if (i < target) { counter.innerText = Math.ceil(i + increcement); setTimeout(updatecounter); } else { counter.innerText = target; } } }); let countarea = document.querySelector("section.countarea"); function isInViewport () { if ( countarea.getBoundingClientRect().top < this.window.innerHeight && countarea.getBoundingClientRect().bottom > this.window.innerHeight ) { updatecounter(); } else {console.log("false")} }; window.addEventListener("scroll", isInViewport) ;