Zapętlony licznik

Question

Dzień dobry, chcę zrobić taki licznik, jak w linku poniżej, ale w czystym JavaScript i HTML (poniższy projekt jest z jakimś vue.js) 

https://codepen.io/ittus/pen/BbeZOQ

Dla sprecyzowania, jeden przycisk podczas przytrzymania dodaje wartość, a drugi odejmuje wartość. I nie chodzi mi o to, że jak się kliknie to dodaje lub odejmuje się jeden punkt. Bez stylowania w CSS.

Czy ktoś mógł by mnie nakierować jak takie coś zrobić? Z góry dziękuję za poświęcony czas!

Comments

@Cypika; przy użyciu Event Delegation sprawdź: long click.  

Answer 1

1. Nasłuchujesz na przycisku na zdarzenie mousedown (czyli naciśnięcie przycisku myszy).
2. Gdy zajdzie, odpalasz setInterval(), które będzie wykonywać dodawanie liczby w liczniku co np. 100 ms.
3. Gdy użytkownik puści przycisk myszy (mouseup) lub zjedzie z przycisku (mouseleave), czyścisz interwał.

Bardzo podobna logika jest w przypadku kodu z Codepena.

Comments

Dzięki za odpowiedź, spróbuję zrobić tak jak napisałeś.

---

@Cypika; sprawdź też: long click  

---

Sprawdzałem, ale nie bardzo mi o to chodzi. Na razie spróbuję zrobić tak jak napisał mi kolega wyżej.

Edit: Działa sposobem Comandeera!