Cara Simpel Menulis Format Mata Uang dengan Library CurrencyFormatter.js
Seorang web programmer yang bekerja secara remote dan saat ini tinggal di kota Pekalongan. Tertarik belajar apa saja tentang Javascript.
1 Oktober 2017

Mungkin kamu pernah kesulitan menulis format mata uang untuk mata uang satu atau beberapa negara ketika membuat sebuah aplikasi web. Nah kemarin Saya iseng mencari plugin atau library javascript yang cukup populer. Sampe akhirnya saya cukup tertarik dengan salah satu library yang bernama CurrencyFormatter.js.

Dengan CurrencyFormatter.js, kita bisa dengan mudah mengubah format sebuah data bertipe integer,decimal atau double ke format mata uang suatu negara menggunakan library Javascript ini. Oke,langsung saja kita coba praktekkan cara memakai library ini.

1.Download source CurrencyFormatter.js dari repositorynya https://github.com/osrec/currencyFormatter.js/archive/master.zip atau kamu bisa langsung clone dari repositorynya.

git clone https://github.com/osrec/currencyFormatter.js.git

2.Kemudian copy file currencyFormatter.js atau currencyFormatter.min.js ke dlm folder project kamu.

3.berikut penggunaan currencyFormatter.js pada sebuah halaman html

<!DOCTYPE html>
<html>
<head>
 <title>Demo Currency Formatting JS</title>
</head>
<body>
<div>
  <h2>Penggunaan Currency Formatter</h2>
  Contoh 1 (format Rupiah) : <br>
  <div class="money">
   1000.25
  </div>
  <br>
  <div class="money">
   15000
  </div>
  <hr>
  Contoh 2 (format US Dollar & EURO) <br>
  <div class='money2' data-ccy='USD'> 1234564.58 </div> <br>
  <div class='money2' data-ccy='EUR'> 8798583.85 </div>
</div>
<script type="text/javascript" src="currencyFormatter.js"></script>
<script type="text/javascript">
  //format currency dengan selector class
  OSREC.CurrencyFormatter.formatAll(
  {
   selector: '.money', 
   currency: 'IDR'
  });
  //format beberapa currency yang berbeda dengan selector class
  OSREC.CurrencyFormatter.formatEach('.money2');

  //memformat sebuah variabel di dalam syntax javascript
  var salary = 3000;
  var salaryInFormatDollar = OSREC.CurrencyFormatter.format(salary, { currency: 'USD' });
  console.log(salaryInFormatDollar);
 </script>
</body>
</html>

Selamat mencoba, happy coding :)

Referensi : https://osrec.github.io/currencyFormatter.js/

Blog ini telah dibaca sebanyak 1683 kali
javascript currency formatter library javascript

Sekilas Tentang Penulis

Rizqi Maulana
Seorang web programmer yang bekerja secara remote dan saat ini tinggal di kota Pekalongan. Tertarik belajar apa saja tentang Javascript.

KOMENTAR

blog comments powered by Disqus