169 похожих чатов

Всем привет. Скажите пожалуйста. У меня на сайте 5 кнопок,

все они вызывают одну функцию. Как мне сделать чтобы по клику на каждую из этих кнопок я мог вызвать функцию?

var btnOpen = document.querySelector('.js-open-modal');
var btnOpen = document.querySelectorAll('.js-open-modal');

И так и так не работает

3 ответов

8 просмотров

Потому что нужно у каждой кнопки вызвать addeventlistener

В первом случае ты обработчик вешаешь только на первую кнопку, которую находит querySelector, то есть, которая выше по дом дереву и ток на ней работает обработчик кликов. Во втором случае querySelectorAll возвращает тебе nodelist, ты пытаешься на него повешать обработчик скорее всего, а нужно его итерировать и вашать обработчик на каждый элемент. Либо применить делегацию событий тут уж как

const buttons = document querySelectorAll (...) buttons.forEach button => button addEventListener "click", callback

Похожие вопросы

Обсуждают сегодня

Какой-то там пердун в 90-х решил, что есть какая-то разная типизация. Кого вообще это волнует?
КТ315
49
void terminal_scroll() { memmove(terminal_buffer, terminal_buffer + VGA_WIDTH, buffer_size - VGA_WIDTH); memset(terminal_buffer + buffer_size - VGA_WIDTH, 0, VGA_WIDTH); ...
Егор
47
Всем привет! Подскажите, пожалуйста, в чем ошибка? Настраиваю подключение к MySQL. Либы лежат рядом с exe. Все как по "учебнику"
Евгений
16
А можете как-то проверить меня по знаниям по ассемблеру?
A A
132
Здравствуйте! У меня появилась возможность купить книгу "Изучай Haskell во имя добра!". Но я где-то слышал, что эта книга устарела. Насколько это правда??
E
22
Здравствуйте! Я вот на stepic решаю задачи на хаскеле https://stepik.org/lesson/8443/step/8?unit=1578 мой код import Data.List (isInfixOf) removing :: String -> [String] ->...
E
10
Камрады, кто тесно работал с vtv, хотел уточнить. Ширина column задаётся жёстко на этапе создания дерева или можно в рантайме ее менять программно (не мышкой)?
Ed Doc
10
да ладно ... что там неочевидного ? глянуть в исх-ки датасета и/или кверика чтобы понять в каком месте и как выполняется обращения к св-вам blablaSQL - минутное дело, даже е...
Сергей
7
Здесь для arm кто-нибудь кодит ?
Nothing
52
Всем привет, у меня есть сервер принимающий входящие HTTP подключения, как проверить, что подключение было через прокси или нет, есть какие то поля в заголовках по которым мо...
Кибер Бомж
8
Карта сайта