အခမဲ့ ရာခိုင်နှုန်းတွက်ချက်စက်

မည်သို့ အလုပ်လုပ်သည်

Mode ငါးမျိုးစလုံးကို ရိုးရှင်းသော JavaScript arithmetic ကို သုံး၍ browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည် — ပြင်ပ library လုံးဝမရှိဘဲ server မပါဝင်ပါ။ ရလဒ်များသည် ရိုက်နေစဉ် သင့်ဒေသ ဂဏန်းစည်းမျဉ်းနှင့် ကိုက်ညီစွာ browser ၏ built-in toLocaleString API ကို သုံး၍ ဖော်မတ်ချထားပြီး live update ဖြစ်ပါသည်။

1. 1
   တွက်ချက်မှု mode တစ်ခု ရွေးချယ်ပါ

   ကွဲပြားသော mode ငါးမျိုးကို တစ်ပြိုင်နက် ပြသည်: X% of Y ကို ရှာခြင်း၊ ဂဏန်းတစ်ခုသည် အခြားတစ်ခု၏ ရာခိုင်နှုန်းမည်မျှလဲ သတ်မှတ်ခြင်း၊ တန်ဖိုးနှစ်ခုကြား ရာခိုင်နှုန်းပြောင်းလဲမှုကို တွက်ချက်ခြင်း၊ မူရင်းစုစုပေါင်းကို ပြန်ရှာခြင်းနှင့် ရာခိုင်နှုန်း တိုးမြှင့်ခြင်း (သို့) လျှော့ချခြင်းကို အသုံးချခြင်း။ Mode တစ်ခုစီသည် သီးခြား အလုပ်လုပ်သည်။
2. 2
   useMemo မှတစ်ဆင့် Live ဂဏန်းသင်္ချာ

   Mode တစ်ခုစီ၏ input များကို React useMemo hook တစ်ခုသို့ ချိတ်ဆက်ထားသည်။ တန်ဖိုးတစ်ခု ပြောင်းလိုက်တိုင်း သက်ဆိုင်ရာ ဖော်မြူလာသည် browser ထဲတွင် ချက်ချင်း run လုပ်သည် — ဥပမာ ရာခိုင်နှုန်း ပြောင်းလဲမှုကို ((to − from) / |from|) × 100 ဖြင့် debounce သို့မဟုတ် ခလုတ်နှိပ်ရန် မလိုဘဲ တွက်ချက်သည်။
3. 3
   Locale-aware ဂဏန်းဖော်မတ်ချခြင်း

   ရလဒ်များကို browser ၏ built-in Intl engine ကို လွှဲအပ်သော JavaScript ၏ toLocaleString ကို သုံး၍ ဖော်မတ်ချသည်။ ဆိုလိုသည်မှာ ထောင်ခွဲ separator နှင့် ဒသမမှတ် များသည် user ၏ locale ကို အလိုအလျောက် ထင်ဟပ်စေသည် — ဥရောပ visitor တစ်ဦးက 1.234,56 ကို မြင်ရသလို US visitor တစ်ဦးက 1,234.56 ကို မြင်ရသည်။
4. 4
   ရလဒ်မည်သည်ကိုမဆို click ၍ ကူးယူပါ

   ရလဒ် box တစ်ခုစီသည် navigator.clipboard.writeText ကို ခေါ်ပြီး ဖော်မတ်ချထားသော ဂဏန်းကို clipboard ပေါ်တွင် ထားသော ခလုတ်တစ်ခုဖြစ်သည်။ တိုတောင်းသော checkmark တစ်ခုသည် page navigation သို့မဟုတ် modal မလိုဘဲ copy ဖြစ်ကြောင်း အတည်ပြုသည်။

ဆက်နွှယ်သော ကိရိယာများ