இலவச ஆன்லைன் டேலி எண்ணி

இது எவ்வாறு செயல்படுகிறது

இந்த tally counter React state மற்றும் உலாவியின் உள்ளமைந்த localStorage API மூலம் முழுவதும் உங்கள் உலாவியிலேயே இயங்குகிறது — சர்வர் இல்லை, கணக்கு இல்லை, எங்கும் தரவு அனுப்பப்படுவதில்லை. பக்கத்தைப் புதுப்பித்தாலும் எண்ணிக்கைகள் தானாக நிலைக்கும்; முழுத்திரைப் பயன்முறை எண்ணும்போது திரையை இயக்கத்தில் வைக்க Screen Wake Lock API ஐப் பயன்படுத்துகிறது.

1. 1
   நிலை localStorage இல் உள்ளது

   பக்கம் ஏற்றப்படும்போது, கருவி முன்பு சேமித்த counters ஐ ஒரு நிலையான key இன் கீழ் localStorage இலிருந்து படிக்கிறது. ஒவ்வொரு counter உம் — அதன் லேபிள், தற்போதைய மதிப்பு, step அளவு, allow-negative கொடி — JSON ஆக serialize செய்யப்பட்டு ஒவ்வொரு மாற்றத்திலும் localStorage இல் எழுதப்படுகிறது; எனவே தற்செயலாக டேப் மூடப்பட்டாலும் புதுப்பிக்கப்பட்டாலும் எண்ணிக்கைகள் நிலைக்கும்.
2. 2
   React state மூலம் கூட்டல்/கழித்தல்

   + அல்லது பெரிய மையப் பொத்தானைத் தட்டினால், அமைத்த step மதிப்பை counter இன் தற்போதைய மதிப்புடன் கூட்டும் updater அழைக்கப்படுகிறது. allow-negative அணைக்கப்பட்டிருந்தால், முடிவு Math.max மூலம் பூஜ்யத்தில் கட்டுப்படுத்தப்படும். விசைப்பலகைக் குறுக்குவழிகள் (கூட்ட Space/+, கழிக்க -/Backspace) செயலில் உள்ள counter ஐ இலக்காகக் கொள்ளும் window keydown listener வழியாக இணைக்கப்பட்டுள்ளன.
3. 3
   Screen Wake Lock உடன் முழுத்திரைப் பயன்முறை

   முழுத்திரைப் பயன்முறையில் நுழைந்தால் முழுத் திரையும் தட்டும் இலக்காக இருக்கும் overlay காட்டப்படுகிறது. அதே நேரத்தில், கருவி navigator.wakeLock.request('screen') மூலம் wake lock கோருகிறது — திரை உறக்கத்தைத் தடுக்க OS ஐக் கேட்கும் உலாவி API. பின்னணிக்குச் சென்ற டேப் மீண்டும் தெரியும்போது lock தானாக மீண்டும் பெறப்படுகிறது.
4. 4
   ஒருங்கிணைந்த மொத்தத்துடன் பல counters

   இரண்டாவது counter ஐச் சேர்த்தால் crypto.randomUUID() உருவாக்கிய ID உடன் புதிய பதிவு உருவாகிறது. ஒன்றுக்கு மேற்பட்ட counter இருக்கும்போது, அனைத்து மதிப்புகளையும் கூட்டி ஒருங்கிணைந்த மொத்தம் கணக்கிடப்பட்டு counter பட்டியலுக்கு மேலே காட்டப்படுகிறது. ஒவ்வொரு counter க்கும் தனி step, reset, allow-negative அமைப்புகள் உள்ளன.

தொடர்புடைய கருவிகள்