Как удалить товар после предупреждения?

Question

[survivor2005]

Добрый день, подскажите пожалуйста, я, не особо рублю в js. В общем есть список товаров, на каждой карточке товара имеется кнопка удалить. Задача - перед удалением показать модальное окно, с кнопкой подтвердить. Загвоздка в том что модальное окно ничего не знает о том на каком товаре произошло событие и соответственно не понятно как удалить именно тот товар на котором произошло событие удаления (клик)

Comments

[Алексей Дубровин]

Модальное окно через библиотеку или нативное?

Answer 1

[survivor2005]

В общем решил так: Предварительно проставил айдишники у кнопок товара в цикле

const productRemoveBtn = document.querySelectorAll('[data-product=remove-product]'); //кнопка удаления у продукта
    const modalRemoveBtn = document.querySelector('[data-remove=remove]'); //Кнопка подтвреждения удаления у модального окна
    let currentTarget = null;
    for(let prb of productRemoveBtn) {
        prb.addEventListener('click', function(){
            currentTarget = prb;
        });
    }
      modalRemoveBtn.addEventListener('click', function(){
          currentTarget.form.submit();
      });