Cara Menggunakan Plugin CurrencyFormatter

Variasi dalam mengetikkan mata uang tiap Negara akan banyak perbedaan dari symbol dan juga format mata uang yang digunakan. Beberapa waktu lalu saya mencai plugin yang bisa digunakan untuk mengetikkan format karakter dari mata uang tertentu. dan pada artikel kali ini saya sudah menentukan plugin yang bisa kalian gunakan dengan mudah untuk mengetikkan format mata uang tertentu dengan cepat.

Plugin javascript ini bernama CurrencyFormatter.js, di sini kita bisa dengan mudah mengubah format banyak data yang memiliki tipe integer, decimal atau pun double, menjadi format mata uang suatu Negara menggunakan plugin CurrencyFormatter. Baiklah sekarang kita coba buat sebuah contoh penggunaan CurrencyFormatter yang benar.

Pertama, kalian download package CurrencyFormatter pada link berikut.
https://github.com/osrec/currencyFormatter.js/archive/master.zip
Lalu ekstrak kedalam folder project kalian
Sekarang kita buat sebuah file sebagai demo dalam penggunaan Currency Formatter


<!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="cf1">
   1000.25
  </div>
  <br>
  <div class="cf1">
   15000
  </div>
  <hr>
  Contoh 2 (format US Dollar & EURO) <br>
  <div class='cf2' data-ccy='USD'> 1234564.58 </div> <br>
  <div class='cf2' data-ccy='EUR'> 8798583.85 </div>
</div>
<script type="text/javascript" src="currencyFormatter.js"></script>
</body>
</html>

 

Selanjutnya kita buat fungsi javascript seperti berikut

//format currency dengan selector class
  OSREC.CurrencyFormatter.formatAll(
  {
   selector: '.cf1',
   currency: 'IDR'
  });
  //format beberapa currency yang berbeda dengan selector class
  OSREC.CurrencyFormatter.formatEach('.cf2');
 
  //memformat sebuah variabel di dalam syntax javascript
  var salary = 3000;
  var salaryInFormatDollar = OSREC.CurrencyFormatter.format(salary, { currency: 'USD' });
  console.log(salaryInFormatDollar);

Dengan kode diatas bisa kita lihat penggunaan selector class .cf1 adalah menggunakan format mata uang dalam rupiah. Sedangkan selector class .cf2 kita setting menjadi format USD.

Baiklah teman-teman,  dalam penggunaan umumnya kita akan biasa melihat berbagai macam format mata uang, terutama jika kita bekerja di perusahaan impor atau ekspor barang, ataupun bank. Sebagai pengembang aplikasi atau pun website harus mengerti hal seperti ini, dengan demikian cara menggunakan plugin currencyformatter ini akan memudahkan kalian sebagai referensi plugin.

30 November 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat