বিনামূল্যে অনলাইন ট্যালি কাউন্টার

কিভাবে কাজ করে

এই ট্যালি কাউন্টার পুরোপুরি আপনার ব্রাউজারে React state এবং ব্রাউজারের বিল্ট-ইন localStorage API দিয়ে চলে — কোনো সার্ভার নেই, অ্যাকাউন্ট নেই, কোথাও কোনো ডেটা পাঠানো হয় না। পেজ রিফ্রেশ করলেও গণনা স্বয়ংক্রিয়ভাবে থেকে যায়, আর ফুলস্ক্রিন মোড Screen Wake Lock API দিয়ে গোনার সময় স্ক্রিন চালু রাখে।

1. 1
   state থাকে localStorage-এ

   পেজ লোড হলে টুলটি একটি নির্দিষ্ট কী-এর অধীনে localStorage থেকে আগে সেভ করা কাউন্টারগুলো পড়ে। প্রতিটি কাউন্টার — লেবেল, বর্তমান মান, স্টেপ সাইজ এবং allow-negative ফ্ল্যাগ — JSON হিসেবে সিরিয়ালাইজ হয়ে প্রতিটি পরিবর্তনে localStorage-এ আবার লেখা হয়, তাই ভুল করে ট্যাব বন্ধ বা রিফ্রেশ করলেও গণনা থেকে যায়।
2. 2
   React state দিয়ে বাড়ানো/কমানো

   + বা মাঝের বড় বোতামে ট্যাপ করলে একটি updater কাউন্টারের বর্তমান মানে নির্ধারিত স্টেপ মান যোগ করে। allow-negative বন্ধ থাকলে Math.max দিয়ে ফলাফল শূন্যে আটকে রাখা হয়। কিবোর্ড শর্টকাট (বাড়াতে Space/+, কমাতে -/Backspace) একটি window keydown লিসেনারের মাধ্যমে সক্রিয় কাউন্টারে কাজ করে।
3. 3
   Screen Wake Lock-সহ ফুলস্ক্রিন মোড

   ফুলস্ক্রিন মোডে একটি ওভারলে দেখায় যেখানে পুরো স্ক্রিনই ট্যাপ করার জায়গা। একই সাথে টুলটি navigator.wakeLock.request('screen') দিয়ে wake lock চায় — এটি একটি ব্রাউজার API যা OS-কে স্ক্রিন স্লিপ বন্ধ রাখতে বলে। ট্যাব ব্যাকগ্রাউন্ড থেকে আবার দৃশ্যমান হলে লকটি স্বয়ংক্রিয়ভাবে আবার নেওয়া হয়।
4. 4
   মোট যোগফলসহ একাধিক কাউন্টার

   দ্বিতীয় কাউন্টার যোগ করলে crypto.randomUUID() দিয়ে তৈরি ID-সহ একটি নতুন এন্ট্রি হয়। একাধিক কাউন্টার থাকলে সব মান যোগ করে মোট হিসাব করা হয় এবং কাউন্টার তালিকার উপরে দেখানো হয়। প্রতিটি কাউন্টারের স্টেপ, রিসেট ও allow-negative সেটিং আলাদা।

সম্পর্কিত টুলস