Comptador de marques en línia de franc

Com funciona

Aquest comptador manual s'executa completament al teu navegador utilitzant l'estat de React i l'API integrada localStorage del navegador — no hi ha servidor, ni compte, i no s'envien dades enlloc. Els recomptes sobreviuen a les actualitzacions de pàgina automàticament, i el mode de pantalla completa utilitza la Screen Wake Lock API per mantenir la pantalla encesa mentre comptes.

1. 1
   L'estat viu a localStorage

   Quan es carrega la pàgina, l'eina llegeix qualsevol comptador desat prèviament des de localStorage sota una clau fixa. Cada comptador — la seva etiqueta, el valor actual, la mida del pas i el senyalador de permetre negatius — es serialitza com a JSON i es torna a escriure a localStorage en cada canvi, així els teus recomptes sobreviuen a tancaments accidentals de pestanya o a actualitzacions.
2. 2
   Increment/decrement a través de l'estat de React

   Tocar + o el botó central gran crida un actualitzador que suma el valor de pas configurat al valor actual del comptador. Si permetre negatius està desactivat, el resultat es limita a zero amb Math.max. Les dreceres de teclat (Espai/+ per incrementar, -/Retrocés per decrementar) es connecten a través d'un listener de keydown de finestra que apunta al comptador que estigui actiu.
3. 3
   Mode de pantalla completa amb Screen Wake Lock

   Entrar en mode de pantalla completa renderitza una superposició on tota la pantalla és l'objectiu de toc. Simultàniament, l'eina sol·licita un bloqueig de reactivació a través de navigator.wakeLock.request('screen') — una API del navegador que demana al sistema operatiu que suprimeixi la suspensió de pantalla. El bloqueig es torna a adquirir automàticament si la pestanya recupera visibilitat després d'haver estat en segon pla.
4. 4
   Diversos comptadors amb total combinat

   Afegir un segon comptador genera una nova entrada amb un ID generat per crypto.randomUUID(). Quan existeix més d'un comptador, es calcula un total combinat sumant tots els valors i es mostra sobre la llista de comptadors. Cada comptador té una configuració independent de pas, reinici i permetre negatius.

Eines relacionades