Online tally brojač — besplatno

Kako funkcionira

Ovaj brojač radi u potpunosti u vašem pregledniku koristeći React state i ugrađeni localStorage API preglednika — nema poslužitelja, nema računa, ništa se ne šalje nikamo. Brojevi automatski preživljavaju osvježavanje stranice, a cjelozaslonski način koristi Screen Wake Lock API kako bi zaslon ostao uključen tijekom brojanja.

1. 1
   Stanje živi u localStorage

   Kada se stranica učita, alat čita prethodno spremljene brojače iz localStorage pod fiksnim ključem. Svaki brojač — njegova oznaka, trenutačna vrijednost, korak i oznaka dopuštanja negativnih vrijednosti — serijalizira se kao JSON i zapisuje natrag u localStorage pri svakoj promjeni, tako da vaši brojevi preživljavaju slučajno zatvaranje kartice ili osvježavanje.
2. 2
   Povećanje/smanjenje putem React state-a

   Dodirivanje + ili velikog središnjeg gumba poziva funkciju koja dodaje konfiguriranu vrijednost koraka trenutačnoj vrijednosti brojača. Ako je dopuštanje negativnih vrijednosti isključeno, rezultat se ograničava na nulu pomoću Math.max. Tipkovnički prečaci (razmaknica/+ za povećanje, -/Backspace za smanjenje) povezani su preko window keydown slušatelja koji cilja aktivni brojač.
3. 3
   Cjelozaslonski način sa Screen Wake Lock

   Ulazak u cjelozaslonski način prikazuje preklop gdje je cijeli zaslon ciljno područje dodira. Istovremeno, alat traži wake lock putem navigator.wakeLock.request('screen') — API preglednika koji traži od operacijskog sustava da spriječi uspavljivanje zaslona. Zaključavanje se automatski ponovno stječe ako kartica ponovno postane vidljiva nakon što je bila u pozadini.
4. 4
   Više brojača s kombiniranim ukupnim zbrojem

   Dodavanje drugog brojača stvara novi unos s ID-om generiranim pomoću crypto.randomUUID(). Kada postoji više od jednog brojača, izračunava se kombinirani ukupni zbroj zbrajanjem svih vrijednosti i prikazuje se iznad popisa brojača. Svaki brojač ima neovisne postavke koraka, resetiranja i dopuštanja negativnih vrijednosti.

Srodni alati