El principal problema es que cuando me desplazo hacia abajo con el mouse, mi código JS de vainilla no se ejecuta porque forEach no es una función. No sé por qué sucede esto, espero que me puedan ayudar con este problema, ¡gracias!

 const boxes = document.querySelector(".box"); // event listener on scroll window.addEventListener("scroll", animateDiv); // visible content on load animateDiv(); function animateDiv() { const animateTrigger = (window.innerHeight / 5) * 4; boxes.forEach((box) => { // height of div from in comparison to scroll const divTop = box.getBoundingClientRect().top; if (divTop < animateTrigger) { box.classList.add("show"); } else { box.classList.remove("show"); } }); }