Μετρητής Online δωρεάν

Πώς λειτουργεί

Αυτός ο μετρητής εκτελείται εξ ολοκλήρου στον browser σας με React state και το ενσωματωμένο localStorage API του browser — δεν υπάρχει διακομιστής, λογαριασμός ή αποστολή δεδομένων. Οι μετρήσεις επιβιώνουν αυτόματα από την ανανέωση της σελίδας και η λειτουργία πλήρους οθόνης χρησιμοποιεί το Screen Wake Lock API για να κρατά την οθόνη αναμμένη κατά τη μέτρηση.

1. 1
   Η κατάσταση βρίσκεται στο localStorage

   Όταν φορτώνει η σελίδα, το εργαλείο διαβάζει τυχόν αποθηκευμένους μετρητές από το localStorage με ένα σταθερό κλειδί. Κάθε μετρητής — η ετικέτα, η τρέχουσα τιμή, το βήμα και η ένδειξη επιτρεπόμενων αρνητικών — σειριοποιείται ως JSON και γράφεται ξανά στο localStorage σε κάθε αλλαγή, ώστε οι μετρήσεις σας να επιβιώνουν από κατά λάθος κλείσιμο ή ανανέωση της καρτέλας.
2. 2
   Αύξηση/μείωση μέσω React state

   Πατώντας + ή το μεγάλο κεντρικό κουμπί καλείται μια συνάρτηση ενημέρωσης που προσθέτει το ορισμένο βήμα στην τρέχουσα τιμή του μετρητή. Αν τα αρνητικά δεν επιτρέπονται, το αποτέλεσμα περιορίζεται στο μηδέν με Math.max. Οι συντομεύσεις πληκτρολογίου (Space/+ για αύξηση, -/Backspace για μείωση) συνδέονται μέσω ενός keydown listener στο window που στοχεύει τον ενεργό μετρητή.
3. 3
   Λειτουργία πλήρους οθόνης με Screen Wake Lock

   Η είσοδος σε πλήρη οθόνη εμφανίζει ένα overlay όπου ολόκληρη η οθόνη είναι στόχος πατήματος. Ταυτόχρονα, το εργαλείο ζητά wake lock μέσω navigator.wakeLock.request('screen') — ένα API του browser που ζητά από το λειτουργικό να μην αφήσει την οθόνη να κοιμηθεί. Το lock αποκτάται ξανά αυτόματα αν η καρτέλα γίνει ξανά ορατή αφού βρεθεί στο παρασκήνιο.
4. 4
   Πολλοί μετρητές με συνολικό άθροισμα

   Η προσθήκη δεύτερου μετρητή δημιουργεί νέα εγγραφή με ID από crypto.randomUUID(). Όταν υπάρχουν περισσότεροι από ένας μετρητές, υπολογίζεται συνολικό άθροισμα όλων των τιμών και εμφανίζεται πάνω από τη λίστα. Κάθε μετρητής έχει ανεξάρτητες ρυθμίσεις βήματος, επαναφοράς και αρνητικών τιμών.

Σχετικά εργαλεία