Tirinta Tally Online oo Bilaash ah

Sida Ay U Shaqeyso

Tirinta counter-kani wuxuu ka dhacaa gebi ahaanba biraawsarkaaga isagoo isticmaalaya React state iyo API-ga localStorage ee ku dhex jira biraawsarka — server, akoon, ama xog meel loo diro ma jiraan. Tirooyinku si toos ah ayay uga badbaadaan cusbooneysiinta bogga, habka buuxa-shaashaddana wuxuu isticmaalaa Screen Wake Lock API si shaashaddaadu u sii shidan noqoto intaad tirinayso.

1. 1
   Xaaladdu waxay ku nool tahay localStorage

   Marka bogga la shubo, qalabku wuxuu ka akhriyaa counter-ka hore loo keydiyay localStorage furaha go'an. Counter kasta — sumaddiisa, qiimaha hadda, cabbirka tallaabada, iyo calaamadda ogolaanshaha negative-ka — waxaa loo sumadeeyaa JSON dib loona qoraa localStorage isbeddel kasta, sidaa darteed tirooyinkaagu waxay ka badbaadaan xidhitaan ama cusbooneysiin lama filaan ah.
2. 2
   Kordhinta/yaraynta React state

   Taabashada + ama badhanka dhexe ee weyn wuxuu wacaa hagaajiye ku darta qiimaha tallaabada ee la dejiyay qiimaha hadda ee counter-ka. Haddii ogolaanshaha negative-ku bannaan yahay, natiijadu waxay ku xaddidan tahay eber Math.max. Gaaban-riixyada kiiboodhka (Space/+ si aad u kordhiso, -/Backspace si aad u yaraysid) waxaa lagu xidhaa dhagaystaha window keydown ee bartilmaameedsanaya counter-ka firfircoon.
3. 3
   Habka buuxa-shaashadda leh Screen Wake Lock

   Gelitaanka habka buuxa-shaashadda wuxuu bixiyaa daboolaad shaashadda oo dhan taabashada bartilmaameedka ka dhigta. Isla mar ahaantaana, qalabku wuxuu codsadaa wake lock adigoo isticmaalaya navigator.wakeLock.request('screen') — API biraawsar ah oo weydiisa nidaamka hawlgalka si loo joojiyo hurdada shaashadda. Xayirku wuu dib u helaa si toos ah haddii tab-ku dib u helo muuqaal ka dib markuu gadaal ku noqday.
4. 4
   Counter badan oo leh wadarta guud

   Kordhinta counter labaad wuxuu dhalaa gelitaan cusub oo leh ID lagu sameeyay crypto.randomUUID(). Marka ay ka badan tahay hal counter, wadar guud ayaa lagu xisaabiyaa isku-darka dhammaan qiyamka waxaana lagu muujiyaa kor ka liiska counter-ka. Counter kasta wuxuu leeyahay tallaabo madax-bannaan, dib u dejin, iyo dejin ogolaansho negative ah.

Qalabka La Xiriira