Gratis Online teller

Hoe het werkt

Deze turfteller draait volledig in je browser met React-state en de ingebouwde localStorage-API van de browser — er is geen server, geen account en er worden geen gegevens verstuurd. Tellingen blijven automatisch bewaard na het vernieuwen van de pagina, en de modus Volledig scherm gebruikt de Screen Wake Lock API om je scherm aan te houden tijdens het tellen.

1. 1
   De status staat in localStorage

   Bij het laden van de pagina leest de tool eerder opgeslagen tellers uit localStorage onder een vaste sleutel. Elke teller — het label, de huidige waarde, de stapgrootte en de optie voor negatieve waarden — wordt als JSON geserialiseerd en bij elke wijziging teruggeschreven naar localStorage, zodat je tellingen een per ongeluk gesloten tabblad of vernieuwing overleven.
2. 2
   Ophogen/verlagen via React-state

   Tikken op + of de grote middelste knop roept een updater aan die de ingestelde stapwaarde bij de huidige waarde van de teller optelt. Als negatieve waarden uit staan, wordt het resultaat met Math.max op nul begrensd. Sneltoetsen (Spatie/+ om op te hogen, -/Backspace om te verlagen) lopen via een keydown-listener op window die zich richt op de actieve teller.
3. 3
   Volledig scherm met Screen Wake Lock

   In de modus Volledig scherm wordt een overlay getoond waarbij het hele scherm het tikvlak is. Tegelijk vraagt de tool een wake lock aan via navigator.wakeLock.request('screen') — een browser-API die het besturingssysteem vraagt de schermslaapstand te onderdrukken. De lock wordt automatisch opnieuw verkregen als het tabblad weer zichtbaar wordt nadat het op de achtergrond stond.
4. 4
   Meerdere tellers met een gecombineerd totaal

   Een tweede teller toevoegen maakt een nieuw item met een ID gegenereerd door crypto.randomUUID(). Zodra er meer dan één teller is, wordt een gecombineerd totaal berekend door alle waarden op te tellen en boven de lijst met tellers getoond. Elke teller heeft eigen instellingen voor stap, reset en negatieve waarden.

Gerelateerde tools