ነፃ የመስመር ላይ ታሊ ቆጣሪ

እንዴት እንደሚሠራ

ይህ ቆጣሪ React state እና የአሳሹን ውስጣዊ localStorage API በመጠቀም ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል — ምንም አገልጋይ የለም፣ ምንም መለያ የለም፣ እና ምንም ውሂብ ወደየትም አይላክም። ቁጥሮች ራስ-ሰር የገጽ ማደስን ይተርፋሉ፣ እና ሙሉ ስክሪን ሁነታ ቆጣሪ ላይ ቢሆኑም ማሳያዎን ለማብራት Screen Wake Lock APIን ይጠቀማል።

1. 1
   ሁኔታ በlocalStorage ውስጥ ይኖራል

   ገጹ ሲጫን፣ መሳሪያው ከዚህ ቀደም የተቀመጡ ቆጣሪዎችን ከlocalStorage በቋሚ ቁልፍ ስር ያነባል። እያንዳንዱ ቆጣሪ — መለያው፣ የአሁኑ ዋጋ፣ የደረጃ መጠን፣ እና አሉታዊ-ፍቀድ ባንዲራ — በእያንዳንዱ ለውጥ ላይ እንደ JSON ተመስጥሮ ወደ localStorage ተመልሶ ይጻፋል፣ ስለዚህ ቁጥሮችዎ በአጋጣሚ ትር መዘጋትን ወይም ማደስን ይተርፋሉ።
2. 2
   በReact state በኩል ጨምር/ቀንስ

   + ወይም ትልቁን መሃል አዝራር መንካት ወደ ቆጣሪው የአሁኑ ዋጋ የተዋቀረውን የደረጃ ዋጋ የሚጨምር አዘምናሪ ይጠራል። አሉታዊ-ፍቀድ ከጠፋ፣ ውጤቱ በMath.max ወደ ዜሮ ይገደባል። የቁልፍ ሰሌዳ አቋራጮች (Space/+ ለመጨመር፣ -/Backspace ለመቀነስ) የትኛውም ቆጣሪ ንቁ ቢሆንም የሚያነጣጥር window keydown listener በኩል ተያይዘዋል።
3. 3
   ከScreen Wake Lock ጋር ሙሉ ስክሪን ሁነታ

   ወደ ሙሉ ስክሪን ሁነታ መግባት ሙሉው ስክሪን የንክኪ ኢላማ የሆነበት overlay ይሰራል። በተመሳሳይ ጊዜ፣ መሳሪያው በnavigator.wakeLock.request('screen') በኩል wake lockን ይጠይቃል — ኦፐሬቲንግ ሲስተሙ የስክሪን እንቅልፍን እንዲያግድ የሚጠይቅ የአሳሽ API። ትሩ ከጀርባ ከሆነ በኋላ ታይነትን ካገኘ ሎኩ ራስ-ሰር እንደገና ይያዛል።
4. 4
   ከተጣመረ ድምር ጋር በርካታ ቆጣሪዎች

   ሁለተኛ ቆጣሪ መጨመር በcrypto.randomUUID()-የተፈጠረ ID ያለው አዲስ ግቤት ይፈጥራል። ከአንድ በላይ ቆጣሪ ካለ፣ የተጣመረ ድምር ሁሉንም ዋጋዎች በመደመር ይሰላል እና ከቆጣሪ ዝርዝሩ በላይ ይታያል። እያንዳንዱ ቆጣሪ ራሱን የቻለ ደረጃ፣ ዳግም አስጀምር፣ እና አሉታዊ-ፍቀድ ቅንብሮች አሉት።

ተዛማጅ መሳሪያዎች