Акысыз Онлайн эсептегич

Бул кантип иштейт

Бул эсептегич React абалын жана браузердин курулма localStorage API'син колдонуп толугу менен браузериңизде иштейт — сервер жок, аккаунт жок, эч жерге маалымат жиберилбейт. Эсептер баракты жаңылоодо автоматтык түрдө сакталат, ал эми толук экран режими эсептеп жатканда дисплейиңизди күйүк кармоо үчүн Screen Wake Lock API'син колдонот.

1. 1
   Абал localStorage'де сакталат

   Барак жүктөлгөндө, курал мурда сакталган эсептегичтерди туруктуу ачкыч астында localStorage'ден окуйт. Ар бир эсептегич — анын белгиси, учурдагы мааниси, кадам өлчөмү жана терс маанилерге уруксат желеги — JSON катары сериализацияланат жана ар бир өзгөрүүдө localStorage'ге кайра жазылат, ошондуктан эсептериңиз өтмөктөрдү байкабай жабуудан же жаңылоодон аман калат.
2. 2
   React абалы аркылуу көбөйтүү/азайтуу

   + баскычын же чоң борбордук баскычты басуу орнотулган кадам маанисин эсептегичтин учурдагы маанисине кошкон жаңылоочуну чакырат. Эгер терс маанилерге уруксат өчүрүлгөн болсо, натыйжа Math.max менен нөлгө кыскартылат. Клавиатура кыска жолдору (Боштук/+ көбөйтүү үчүн, -/Backspace азайтуу үчүн) кайсы эсептегич активдүү болсо ошого багытталган терезенин keydown угуучусу аркылуу туташтырылган.
3. 3
   Screen Wake Lock менен толук экран режими

   Толук экран режимине кирүү бүт экран басуу максаты болгон каптоочу катмарды көрсөтөт. Ошол эле учурда, курал navigator.wakeLock.request('screen') аркылуу wake lock сурайт — бул операциялык системага экрандын уктоосун басаңдатууну сурай турган браузер API'си. Өтмөк фонго кеткенден кийин көрүнүп калса, кулпу автоматтык түрдө кайра алынат.
4. 4
   Жалпы суммасы менен бир нече эсептегич

   Экинчи эсептегичти кошуу crypto.randomUUID() менен жаралган ID'си бар жаңы жазууну жаратат. Бирден көп эсептегич болгондо, жалпы сумма бардык маанилерди кошуу менен эсептелип, эсептегич тизминин үстүндө көрсөтүлөт. Ар бир эсептегичтин өз алдынча кадамы, баштапкы абалга келтирүүсү жана терс маанилерге уруксат орнотуулары бар.

Байланыштуу куралдар