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

Question

[Illia T]

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

Answer 1

[0xD34F]

document.querySelectorAll('button').forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const count = (+this.dataset.clickCount || 0) + 1;
  this.innerText = `clicked: ${count}`;
  this.dataset.clickCount = count;
}

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, значит выполняете действие.