Перейти до основного вмісту
LibraTool logoLibraTool

Онлайн-лічильник — безкоштовно

Лічильник кліків, що автоматично зберігає дані у браузері. Додавайте кілька лічильників із довільними мітками та кроками. Рахуйте людей, повторення, кола, інвентар, будь-що.

Працює офлайн після завантаження
Завантаження...

Типові застосування

  • Лічіть Людей на ПодіяхВідстежуйте відвідуваність, кількість людей або місткість у вхідних дверях та місцях.
  • Лічіть Інвентар та ЗапасиЛічіть товари під час підрахунку запасів, не втрачаючи своєї позиції.
  • Лічіть Повторення та НабориВідстежуйте повторення вправ, набори або раунди з великими сенсорними мішенями.
  • Лічильник Рядків для В'язання та ГачкаВідстежуйте рядки та повторення узору у вашому проекті.
  • Лічіть Птахів, Дикої Фауни та ОпитуванняЛічіть спостереження під час підрахунку птахів, опитувань та польових досліджень.

Як це працює

Цей лічильник працює повністю у вашому браузері за допомогою стану React і вбудованого в браузер API localStorage — без сервера, без облікового запису й без надсилання даних. Значення автоматично зберігаються після оновлення сторінки, а повноекранний режим використовує Screen Wake Lock API, щоб екран не гаснув під час підрахунку.

  1. 1
    Стан зберігається в localStorage
    Під час завантаження сторінки інструмент зчитує збережені лічильники з localStorage за фіксованим ключем. Кожен лічильник — його назва, поточне значення, крок і прапорець дозволу від’ємних значень — серіалізується в JSON і записується назад у localStorage при кожній зміні, тож значення переживають випадкове закриття чи оновлення вкладки.
  2. 2
    Збільшення/зменшення через стан React
    Натискання + або великої центральної кнопки викликає функцію оновлення, яка додає заданий крок до поточного значення лічильника. Якщо від’ємні значення вимкнено, результат обмежується нулем через Math.max. Клавіатурні скорочення (Space/+ для збільшення, -/Backspace для зменшення) підключено через слухач keydown на window, який діє на активний лічильник.
  3. 3
    Повноекранний режим зі Screen Wake Lock
    У повноекранному режимі відображається накладка, де весь екран є зоною натискання. Одночасно інструмент запитує блокування сну через navigator.wakeLock.request('screen') — API браузера, що просить ОС не вимикати екран. Блокування автоматично поновлюється, якщо вкладка знову стає видимою після переходу у фон.
  4. 4
    Кілька лічильників із загальною сумою
    Додавання другого лічильника створює новий запис з ID, згенерованим через crypto.randomUUID(). Коли лічильників більше одного, обчислюється загальна сума всіх значень і показується над списком. Кожен лічильник має незалежні налаштування кроку, скидання та від’ємних значень.

Схожі інструменти

Часті запитання