Bepul Onlayn Hisoblagich

Qanday ishlaydi

Bu hisoblagich to'liq brauzeringizda React state va brauzerning o'rnatilgan localStorage API'sidan foydalanib ishlaydi — server yo'q, hisob yo'q, hech qanday ma'lumot hech qayerga yuborilmaydi. Hisoblar sahifa yangilanganda avtomatik saqlanib qoladi, to'liq ekran rejimi esa hisoblash paytida ekraningizni yoqib turish uchun Screen Wake Lock API'dan foydalanadi.

1. 1
   Holat localStorage'da saqlanadi

   Sahifa yuklanganda, asbob localStorage'dan qat'iy kalit ostida oldin saqlangan hisoblagichlarni o'qiydi. Har bir hisoblagich — uning yorlig'i, joriy qiymati, qadam o'lchami va manfiy qiymatga ruxsat belgisi — har bir o'zgarishda JSON sifatida serializatsiya qilinib localStorage'ga qayta yoziladi, shuning uchun hisoblaringiz tasodifiy yorliq yopilishi yoki qayta yuklanishidan omon qoladi.
2. 2
   React state orqali oshirish/kamaytirish

   + yoki katta markaziy tugmani bosish sozlangan qadam qiymatini hisoblagichning joriy qiymatiga qo'shadigan yangilovchini chaqiradi. Agar manfiy qiymatga ruxsat o'chirilgan bo'lsa, natija Math.max bilan nolga cheklanadi. Klaviatura tezkor tugmalari (oshirish uchun Bo'shliq/+, kamaytirish uchun -/Backspace) faol hisoblagichni nishonga oluvchi window keydown tinglovchisi orqali ulanadi.
3. 3
   Screen Wake Lock bilan to'liq ekran rejimi

   To'liq ekran rejimiga kirish butun ekran bosish nishoni bo'lgan qoplama chizadi. Bir vaqtning o'zida, asbob navigator.wakeLock.request('screen') orqali uyg'onish qulfini so'raydi — bu brauzer API'si OS'dan ekranni uyquga ketishini bostirishni so'raydi. Yorliq fonga o'tgandan keyin ko'rinuvchanlikni qayta olganda qulf avtomatik qayta olinadi.
4. 4
   Umumiy jami bilan bir nechta hisoblagich

   Ikkinchi hisoblagich qo'shish crypto.randomUUID() bilan yaratilgan ID'ga ega yangi yozuvni yaratadi. Bir nechta hisoblagich mavjud bo'lganda, umumiy jami barcha qiymatlarni qo'shish orqali hisoblanadi va hisoblagich ro'yxati ustida ko'rsatiladi. Har bir hisoblagich mustaqil qadam, qayta tiklash va manfiy qiymatga ruxsat sozlamalariga ega.

Tegishli asboblar