Javascript: Функция добавления в корзину в Ecommerce не работает в Javascript?

Я пытаюсь написать функциональность add to cart, используя Javascript и django (основная функциональность - Javascript).

Я написал этот код для cart.js

var updateBtns = document.getElementsByClassName('update-cart')
console.log("Working");

for (i = 0; i < updateBtns.length; i++) {
    updateBtns[i].addEventListener('click', function(){
        var productId = this.dataset.product
        var action = this.dataset.action
        console.log('productId is:', productId, 'Action is:', action)
        console.log('USER:', user)

    })
}

А это код для шаблона index.html

{% for product in products %}
{{ product.title }}
{{ product.price}}

<button data-product="{{product.id}}" data-action="add" class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>
{% endfor %}

Когда я print(product.id), он получает идентификатор конкретного товара, но кнопка не работает. в чем может быть проблема с моим кодом?

for (i = 0; i < updateBtns.length; i++) {
    updateBtns[i].addEventListener('click', function(){
        var productId = this.dataset.product
        var action = this.dataset.action

        // I think that you need to call the action
        window[action](productId);

        console.log('productId is:', productId, 'Action is:', action)
        console.log('USER:', user)

    })
}