निःशुल्क अनलाइन टेली काउन्टर

यो कसरी काम गर्छ

यो ट्याली काउन्टर पूर्ण रूपमा तपाईंको ब्राउजरमा React स्टेट र ब्राउजरको बिल्ट-इन localStorage API प्रयोग गरी चल्छ — कुनै सर्भर छैन, कुनै खाता छैन, कतै डेटा पठाइँदैन। गणनाहरू पृष्ठ रिफ्रेसहरूमा स्वतः जोगिन्छन्, र फुलस्क्रिन मोडले गन्दै गर्दा तपाईंको डिस्प्ले सक्रिय राख्न Screen Wake Lock API प्रयोग गर्छ।

1. 1
   स्टेट localStorage मा बस्छ

   पृष्ठ लोड हुँदा, उपकरणले localStorage बाट एउटा स्थिर कुञ्जीअन्तर्गत पहिले सुरक्षित गरिएका कुनै पनि काउन्टरहरू पढ्छ। हरेक काउन्टर — यसको लेबल, हालको मान, स्टेप साइज, र allow-negative फ्ल्याग — JSON को रूपमा सिरियलाइज्ड गरी हरेक परिवर्तनमा localStorage मा फिर्ता लेखिन्छ, त्यसैले तपाईंका गणनाहरू अनजान ट्याब बन्द वा रिफ्रेसबाट पनि जोगिन्छन्।
2. 2
   React स्टेट मार्फत बढाउने/घटाउने

   + वा ठूलो केन्द्र बटनमा ट्याप गर्दा एउटा अपडेटर कल हुन्छ जसले कन्फिगर गरिएको स्टेप मान काउन्टरको हालको मानमा थप्छ। यदि allow-negative अफ छ भने, नतिजा Math.max ले शून्यमा क्ल्याम्प हुन्छ। किबोर्ड सर्टकटहरू (बढाउन Space/+, घटाउन -/Backspace) एउटा विन्डो keydown लिसनर मार्फत जोडिन्छन् जसले जुन काउन्टर सक्रिय छ त्यसलाई लक्षित गर्छ।
3. 3
   Screen Wake Lock सहित फुलस्क्रिन मोड

   फुलस्क्रिन मोडमा प्रवेश गर्दा एउटा ओभरले रेन्डर हुन्छ जहाँ पूरै स्क्रिन ट्याप लक्ष्य हुन्छ। एकैसाथ, उपकरणले navigator.wakeLock.request('screen') मार्फत वेक लक अनुरोध गर्छ — एउटा ब्राउजर API जसले OS लाई स्क्रिन निदाउनबाट रोक्न भन्छ। ट्याब पृष्ठभूमिबाट फेरि देखिने भएपछि लक स्वतः पुनः प्राप्त हुन्छ।
4. 4
   संयुक्त जोडसहित धेरै काउन्टर

   दोस्रो काउन्टर थप्दा crypto.randomUUID() ले जेनेरेट गरेको ID सहित नयाँ प्रविष्टि जन्मन्छ। एकभन्दा बढी काउन्टर हुँदा, सबै मानहरू जोडेर एउटा संयुक्त जोड गणना गरिन्छ र काउन्टर सूचीमाथि देखाइन्छ। हरेक काउन्टरको आफ्नै स्टेप, रिसेट, र allow-negative सेटिङ हुन्छ।

सम्बन्धित उपकरणहरू