Можно ли захватить и использовать количество кликов по кнопке?

Question

[Illia T]

Хочу привязать событие к кнопке - шестой клик по ней. Это возможно?

Answer 1

[0xD34F]

По каким кнопкам надо кликать:

const buttons = document.querySelectorAll('кнопки ваши - вам и виднее, каким должен быть селектор');

Счётчик кликов может быть переменной:

for (const n of buttons) {
  let clicks = 0;
  n.onclick = () => n.innerText = 'clicked: '.concat(++clicks);
}

Или data-атрибутом:

buttons.forEach(function(n) {
  n.addEventListener('click', this);
}, ({ currentTarget: t }) => {
  t.textContent = `clicked: ${t.dataset.clicks = -~t.dataset.clicks}`;
});

Comments

[Illia T]

Тоже интересно. Завтра добавлю условие, чтобы поймать шестой клик. Спасибо.

Answer 2

[Виталий Першин]

https://jsfiddle.net/l2banners/Lbn07xft/12/

Comments

[Illia T]

У кнопки есть только класс. Побаловался в фидле - с классом видимо работает по другому (может как-то связано с тем, что рассматривается группа элементов, экземпляры класса? ).

[Виталий Першин]

illiatovpeko, Обновил ответ https://jsfiddle.net/l2banners/Lbn07xft/12/

2 варианта по ид и по классу, если нужно несколько классов, тогда там немного по другому нужно реализовывать.

[Illia T]

Виталий, спасибо, комрад, завтра буду разбираться чё к чему и почему.

[Виталий Першин]

illiatovpeko, Если вам помогли с ответом, вы можете отмечать решения

Answer 3

[sadieff]

Возможно. Главное выбрать где хранить это колличество кликов. Либо в атрибуте data-click=0, к примеру. И после каждого клика прибавлять к этому атрибуту 1. Или можно записать в localStorage и по аналогии при каждом клике прибавлять единицу. И в при каждом клике проверяешь, какой он по счету. Если data-click будет иметь значение 6, значит выполняете действие.