javascript - JS addEventListener not all events are captured

Question

    var fired = false;

window.addEventListener('scroll', () => {
    if (fired === false) {
        fired = true;

        setTimeout(() => {
          let cartItem = document.getElementsByClassName('jstore-js-cart-total-count')[0];
                        let countItem = cartItem.textContent;
                        let cartCloudCount = document.getElementsByClassName('sc_layouts_cart_items_short')[0];
                        cartCloudCount.textContent = countItem
                        cartItem.addEventListener('DOMSubtreeModified', function () {
                            let countItem2 = cartItem.textContent;
                            let cartCloudCount2 = document.getElementsByClassName('sc_layouts_cart_items_short')[0];
                            cartCloudCount2.textContent = countItem2
                        });
        }, 100)
    }
});

I have a listener to catch events for adding to the cart. But for some reason it works only for one product, if you work with one product, then it successfully changes the quantity, but if you add the second, then nothing changes, what's the problem?

question from:https://stackoverflow.com/questions/65916596/js-addeventlistener-not-all-events-are-captured

Answer 1

Waitting for answers