AddEventListener "click" не отвечает в файле ejs
Я пытаюсь сделать так, чтобы элемент ("span.cartcount") отображался так, как он настроен на display: none в файле CSS. Он должен отображаться, когда я нажимаю кнопку addtocart (a.addtocartbutton).
Я также буду рад, если я смогу получить направление или альтернативный способ использования системы корзины покупок с помощью express.js.
Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
document.querySelector() возвращает только первый элемент, соответствующий селектору. У вас есть цикл foreach(), который создает несколько элементов, вам нужно добавить прослушиватель событий ко всем из них. Итак, вам нужно использовать document.querySelectorAll() и перебрать их.
let addToCartButtons = document.querySelectorAll("a.addtocartbutton");
let cartCount = document.querySelector("span.cartcount");
addToCartButtons.forEach(btn => btn.addEventListener("click", (event) => {
event.preventDefault();
cartCount.style.display = "inline";
}));
Бармар, спасибо тебе большое. Это правильный ответ. У меня это сработало. Я использовал span.cartcount вместо a.cartcount. Я уже давно этим занимаюсь. Теперь я понимаю суть, нужно пройти через все «кнопки addtocart». Использование «document.querySelectorAll» также является ключевым. Спасибо, сэр.
Пожалуйста, добавьте свой код, а не изображения вашего кода