@yapaofficial

Есть 10 кнопок и как повесить на них функции?

есть 10 кнопок и надо сделать чтобы при нажати на них сработала какаято штука
var asd = document.querySelectorAll('.services__buy');

asd .addEventListener('click', () => {
  scrollTo(div_aboutMe);
})


но если кнопок больше одной то этот код ломается как поченить?
  • Вопрос задан
  • 84 просмотра
Решения вопроса 2
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
asd - это коллекция элементов. нужно циклом пройтись по ней и на каждый навесить обработчик

asd.forEach(el => {
  el.addEventListener('click', () => {
    // ....
  });
})
Ответ написан
Комментировать
otdameskapizm
@otdameskapizm
Помог ответ? Отметь решением...
Пройдись по всем через forEach():
asd.forEach((element) => {
  element.addEventListener('click', () => {
    // И здесь уже дальнейшая логика
  })
})


А если каждая кнопка отвечает за разные действия, то можно повесить обработчик на их родительский элемент и уже потом делать диспетчеризацию по event.target. Но это уже зависит от вашего конкретного процесса.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
как вариант, можно слушать клики где-то выше, на общем родителе их всех, или вообще на document:
document.addEventListener('click', ({ target }) => {
  if (target.classList.contains('services__buy')) {
    // do something
  }
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы