Как каждый раз при нажатии на кнопку добавлять id товара в конец массива?

Question

[Мариана Марианова]

Как каждый раз при нажатии на кнопку "Добавить в корзину" добавлять id товара в конец массива?
У меня каждый раз записывается последнее значение.

<a href="#" data-id="1" class="product__cart">В корзину</a>
<a href="#" data-id="2" class="product__cart">В корзину</a>
<a href="#" data-id="3" class="product__cart">В корзину</a>

$(document).on('click', '.product__cart', function (event) {
        event.preventDefault();

        var id_product = $(this).data("id");
        var arr = [];
        
        arr.push(id_product);
});

Answer 1

[Alexander Pushkarev]

var arr = [];

$(document).on('click', '.product__cart', function (event) {
        event.preventDefault();

        var id_product = $(this).data("id");
        
        arr.push(id_product);
});

Comments

[Мариана Марианова]

спасибо большое)