Скрыть\показать кнопку в зависимости от выбранного селектора

Есть 4 блока-кнопки на сайте: введите сюда описание изображения

В зависимости от нажатия на блок: введите сюда описание изображения

В class="list" добавляется active Получается Class="list active" Вопрос: Как, при нажатии на кнопку "Оплатить" выполнялись разные функции? Нужно чтобы при выборе os_credit_card и os_yandex_qiwi выполнялась функция goToPay (), а при выборе boku и os_yandex_money выполнялась функция goToPay2. Сейчас единственное что придумал - вставить 2 копии div блока "Оплатить", при нажатии на первый вызывать функцию goToPay, при нажатии на второй - goToPay2. Для этого хотелось бы узнать, как скрывать\показывать div блоки в зависимости от того, какой способ оплаты выбран?


Ответы (1 шт):

Автор решения: Dmitriy Nikoalev
document.QuerySelector('#click1').addEventListener ('click', ()=>{
  goToPay ()
})
document.QuerySelector('#click2').addEventListener ('click', ()=>{
  goToPay2()
})

Вешаешь id на те элементы при нажатии на которые должны срабатывать определенные события

→ Ссылка