Rhifydd Tali Ar-lein am ddim

Sut Mae'n Gweithio

Mae'r cownter tali hwn yn rhedeg yn gyfan gwbl yn eich porwr gan ddefnyddio cyflwr React ac API localStorage adeiledig y porwr — nid oes gweinydd, cyfrif, na data'n cael ei anfon i unrhyw le. Mae cyfrifon yn goroesi adnewyddiadau tudalen yn awtomatig, ac mae modd sgrin lawn yn defnyddio'r Screen Wake Lock API i gadw eich sgrin ymlaen tra byddwch yn cyfrif.

1. 1
   Mae cyflwr yn byw yn localStorage

   Pan fydd y dudalen yn llwytho, mae'r offeryn yn darllen unrhyw gownteri a gadwyd yn flaenorol o localStorage o dan allwedd sefydlog. Mae pob cownter — ei label, gwerth cyfredol, maint cam, a baner caniatáu-negyddol — yn cael ei serialu fel JSON a'i ysgrifennu'n ôl i localStorage ar bob newid, felly mae eich cyfrifon yn goroesi cau tab neu adnewyddiad damweiniol.
2. 2
   Cynyddu/lleihau drwy gyflwr React

   Mae tapio + neu'r botwm canolog mawr yn galw diweddarwr sy'n ychwanegu'r gwerth cam a osodwyd at werth cyfredol y cownter. Os yw caniatáu-negyddol wedi'i ddiffodd, mae'r canlyniad yn cael ei glampio i sero gyda Math.max. Mae llwybrau byr bysellfwrdd (Bylchfwrdd/+ i gynyddu, -/Backspace i leihau) wedi'u weirio drwy wrandäwr keydown ffenestr sy'n targedu pa bynnag gownter sy'n weithredol.
3. 3
   Modd sgrin lawn gyda Screen Wake Lock

   Mae mynd i fodd sgrin lawn yn rendro troshaen lle mae'r sgrin gyfan yn darged tapio. Ar yr un pryd, mae'r offeryn yn gofyn am glo deffro drwy navigator.wakeLock.request('screen') — API porwr sy'n gofyn i'r system weithredu atal cwsg sgrin. Mae'r clo'n cael ei ailgaffael yn awtomatig os yw'r tab yn adennill gwelededd ar ôl bod ar y cefndir.
4. 4
   Sawl cownter gyda chyfanswm cyfun

   Mae ychwanegu ail gownter yn creu cofnod newydd gydag ID wedi'i gynhyrchu gan crypto.randomUUID(). Pan fydd mwy nag un cownter yn bodoli, cyfrifir cyfanswm cyfun drwy adio'r holl werthoedd a'i ddangos uwchben y rhestr cownteri. Mae gan bob cownter osodiadau cam, ailosod, a chaniatáu-negyddol annibynnol.

Offer Cysylltiedig