Почему не работает блокировка кнопки после её нажатия, JS?

Question

[Никита HQ]

Здравствуйте! Получается ситуация в чем, мне нужно убрать кнопку после её нажатия, я сделал так .
Все прекрасно работает, но я не могу понять почему этот же код не работает у меня на сайте.



Хотя html код кнопки полностью идентичный, можешь кто подскажет, мучаюсь с этим вопросом очень долго.

Comments

[Вячеслав]

Мне почему-то смущает this а попробуйте заменить на вот так.

const simplecheckoutButtonRight = document.querySelectorAll(".simplecheckout-button-right");

simplecheckoutButtonRight.forEach(el => {
  const btn = el.querySelector(".button");
  btn.addEventListener("click", function(e) {
    e.target.remove();
  });
});

И вообще мне кажется что что-то переписает ваш обработчик. Переместите ваш код в самый конец

[Никита HQ]

Вячеслав, К сожалению, тоже не работает.

Answer 1

[Вячеслав]

а на может на сайте есть еще блоки с классом "simplecheckout-button-right"
мне кажется в вашем блоке на js нужно замыкание:

const simplecheckoutButtonRight = document.querySelectorAll(".simplecheckout-button-right");

simplecheckoutButtonRight.forEach(el => {
  const btn = el.querySelector(".button");
  ((b)=>{
    b.addEventListener("click", function() {
      this.remove();
    });
  })(btn)
});

попробуйте так
может конечно я не прав

Comments

[Andrew]

Не проще поставить проверку на существование кнопки?
Зачем замыкание?
Там проблема в смежных скриптах т.к само по себе работает.

[Никита HQ]

К сожалению, но Ваш код тоже не работает, хотя я заметил такую осбенность, что мой код работает в хроме, но не работает в мозиле, не могу понять чего