Olùṣírò Ìdá-Ọgọ́rùn-ún Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Gbogbo ipò ìṣírò márùn-ún ń ṣiṣẹ́ pátápátá nínú aṣàwákiri ní lílo ìṣírò JavaScript lásán — kò sí ìwé-ìṣirò ìta kankan, kò sí sáfà tí ó kàn. Àwọn àbájáde ń yí padà láàyè bí o ṣe ń kọ, tí a ṣe àgbékalẹ̀ rẹ̀ pẹ̀lú API toLocaleString aṣàwákiri tí a kọ́ sínú rẹ̀ láti bá àwọn ìlànà nọ́mbà agbègbè rẹ mu.

1. 1
   Yan ipò ìṣírò kan

   A ń fi ipò márùn-ún ọ̀tọ̀ọ̀tọ̀ hàn ní àkókò kan náà: wá X% ti Y, pinnu ìdámẹ́wàá tí nọ́mbà kan jẹ́ ti òmíràn, ṣírò ìyípadà ìdámẹ́wàá láàrin iye méjì, ṣiṣẹ́-padà fún àpapọ̀ ìpilẹ̀ṣẹ̀, àti fi ìdámẹ́wàá ìpọ̀sí tàbí ìdínkù sílo. Ọ̀kọ̀ọ̀kan ń ṣiṣẹ́ lọ́tọ̀ọ̀tọ̀.
2. 2
   Ìṣírò láàyè nípasẹ̀ useMemo

   A ń so ìbáwọlé ipò kọ̀ọ̀kan sí hook useMemo React kan. Ní kété tí iye kan bá yí padà, fọ́rmúlà tí ó bá mu ń ṣiṣẹ́ lẹ́sẹ̀kẹsẹ̀ nínú aṣàwákiri — fún àpẹẹrẹ, ìyípadà ìdámẹ́wàá jẹ́ ((sí − láti) / |láti|) × 100, láìsí debounce tàbí títẹ̀ bọ́tìnnì kankan tí ó nílò.
3. 3
   Àgbékalẹ̀ nọ́mbà tí ó mọ agbègbè

   A ń ṣe àgbékalẹ̀ àwọn àbájáde ní lílo toLocaleString JavaScript, èyí tí ó ń fi sí ẹ́ńjìnnì Intl aṣàwákiri tí a kọ́ sínú rẹ̀. Èyí ń túmọ̀ sí pé àwọn olùpín ẹgbẹ̀rún àti àmì decimal ń fi agbègbè oníṣẹ́ náà hàn láifọwọ́kàn — arìnrìn-àjò Yúróòpù kan ń rí 1.234,56 nígbà tí arìnrìn-àjò US kan ń rí 1,234.56.
4. 4
   Tẹ̀ láti dàkọ àbájáde èyíkéyìí

   Àpótí àbájáde kọ̀ọ̀kan jẹ́ bọ́tìnnì tí ó ń pe navigator.clipboard.writeText, tí ó ń gbé nọ́mbà tí a ṣe àgbékalẹ̀ rẹ̀ sí clipboard. Àmì-ìṣàyẹ̀wò kúkúrú kan ń jẹ́rìí sí dídàkọ náà láìsí ìrìn-ojú-ìwé tàbí modal kankan.

Àwọn Irinṣẹ Tó Jọra