Үндсэн агуулга руу очих
LibraTool logoLibraTool

Онлайн тоолуур — үнэгүй

Хөтчид автоматаар хадгалагддаг товших тоолуур. Өөрийн шошго болон алхамтайгаар олон тоолуур нэмэх. Хүн, давталт, тойрог, бараа, юу ч тоолох.

Ачаалагдсаны дараа офлайн ажилладаг
Ачаалж байна…

Түгээмэл хэрэглээ

  • Эргүүлэлтийн өдөр хүмүүс тоолохЭргүүлэлт, толгойнуудын тоо, сахилга фүүдийг болон суудалд хянана.
  • Нөөц болон үйлдвэрлэл тоолохНөөцийн өчүүхэлнэ явцад бараа бүр тоолох, та байрлалдаа алдаагүй байна.
  • Давтамжийг болон багцыг тоолохИх сонголт сонголтыг оролцуулан сургалтын давтамж, олонлог, эсвэл эргүүлэлтүүдийг хянана.
  • Мөндөр ба крочет зангилаа тоолохТаны төслийн мөндөр болон загвар давтамжийг хянана.
  • Шувууд, амьтан болон эргүүлэлтүүд тоолохШувууд тоолох, эргүүлэлтүүд болон нээлттэй ажилд үзүүлэх үзэгдэлүүдийг хязгаа.

Хэрхэн ажилладаг

Энэ тоолуур бүхэлдээ таны хөтчид 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-той бүтэн дэлгэцийн горим
    Бүтэн дэлгэцийн горимд орох нь бүх дэлгэц товших зорилт болсон давхарга үзүүлдэг. Үүний зэрэгцээ хэрэгсэл navigator.wakeLock.request('screen') — OS-д дэлгэц унтахыг зогсоохыг хүсдэг хөтчийн API-аар wake lock хүсдэг. Таб дэвсгэрт орсны дараа харагдах болбол lock автоматаар дахин авагддаг.
  4. 4
    Нийт нийлбэртэй олон тоолуур
    Хоёр дахь тоолуур нэмэх нь crypto.randomUUID()-аар үүсгэсэн ID-тай шинэ бичлэг үүсгэдэг. Нэгээс олон тоолуур байвал бүх утгыг нэмж нийт нийлбэрийг тоолж, тоолуурын жагсаалтын дээр харуулдаг. Тоолуур бүр бие даасан алхам, дахин тохируулах, сөрөг зөвшөөрөх тохиргоотой.

Холбоотой хэрэгслүүд

Түгээмэл асуултууд