Liczenie eventów na stronie Javascript/jQuery

Question

Piszę aplikację, której jedna funkcjonalność zakłada liczenie eventów, których dokonał użytkownik na stronie. Ma ktoś pomysł w jaki sposób można się za to zabrać?

Chodzi o to by np. dało się dowiedzieć ile razy zostałī na stronie kliknięte buttony.

Dzięki!

Answer 1

Stwórz zmienne, którą zwiększasz po każdym kliknięciu :) Na przykład:

(function(){
   let countClick = 0;
   const btns = document.querySelectorAll('button.btn');
   Array.from(btns).forEach(btn => {
      btn.addEventListener('click', () => {
         countClick++;
      });
   });
})();

 

Array.from ma słabe wsparcie, zależy Ci na wsparciu? Jeśli tak, możesz np zrobić ze zmienną btns coś takiego, aby ją przekształcić w tablicę

btns = Array.prototype.slice.call(btns);

 

Comments

dzięki bardzo! wychodzi w takich sytuacjach niestety brak praktycznej umiejętności używania JS'a... ;)

---

Niby znam ale jeszcze trochę brakuję pomysłu :)

---

Array.from ma słabe wsparcie

3% rynku nie ma wsparcia. Rzekłbym, że to ma o wiele lepsze wsparcie niż nowe APIs (Web Share choćby). 

---

Ale jednak Android, IE, Opera nie wspiera.

---

Opera MINI, która wgl nie wspiera JS-a, IE, które ma w porywach 5% rynku i Android z podobnym…

Serio, skończmy w końcu twierdzić, że ES6 ma słabe wsparcie, bo to bzdura. Większość przeglądarek na rynku ma już wsparcie dla ES2017+, a jedyne, które nie mają, to te na wymarciu.

---

eh.. Przypadkowo sprawdzałem wsparcie na mdnie polskim. No cóż, nie aktualizowane. Wsparcie from ma bardzo dobre, możesz używać :)

---

albo uzywac babela i sie nie przejmowac za bardzo wsparciem srodowiska i transpilowac do es5

---

Sam Babel już ostrzega przed kompilacją do es5 i zalecają używać babel-preset-env, by targetować określone przeglądarki. Dzięki temu czasami transpilacja nawet nie zajdzie.