Membuat Format Angka Untuk Uang Menggunakan Javascript

Berkaitan dengan meningkatnya peminat blogger yang ingin membuat situs pasang iklan baris/ properti dan sejenisnya yang didalamnya memerlukan format penulisan uang yang benar sesuai dengan apa yang kita inginkan.

Untuk formatnya sendiri ada bermacam-macam, ada yang menggunakan tanda titik (.) dan adapula yang menggunakan tanda koma (,) sebagai pemisah angka setelah tiga digit secara otomatis.

Untuk penulisan uang jika tidak menggunakan format yang benar seperti ini:
Contoh 1: Rp.10000000

Pada contoh diatas tentu sedikit membingungkan seseorang ketika membaca nilai uang jika tidak ditambahkan format penulisan yang benar.

Berbeda jika Anda menetapkan format yang seperti ini:
Contoh 2: Rp.10.000.000,-

Dari kedua contoh diatas tentu akan lebih mudah dibaca pada contoh nomor 2.

Nah untuk menciptakannya, Anda bisa menggunakan javascript dengan mudah meski rata-rata mereka lebih memilih menggunakan PHP yang membutuhkan hosting support PHP.

Contoh javascriptnya seperti ini:
<script>
Number.prototype.ujungAngka =
function(n, x) {
    var re = '(\\d)(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\.' : '$') + ')';
    return this.toFixed(Math.max(0, ~~n)).replace(new RegExp(re, 'g'), '$1.'); //'$1.' adalah format pemisah setelah tiga angka muncul (menggunakan tanda titik)
};
var hargaProduk = [25000000], //25000000 adalah harga asli (sebelum format uang ditetapkan)
    nn      = [2,  3,   2,    0,   2.3,     -4,   'abc',        2,  undefined],
    xx      = [4, -1,   2,  3.5,  true,      4,       3,        3,          4];
for (var i = 0, len = hargaProduk.length; i < len; i++) {
    document.write('Rp.' + hargaProduk[i].ujungAngka(0) + ',-'); //ujungAngka(0) adalah format yang akan tampil dibelakang harga
}
</script>
Pada contoh diatas saya menentukan harga sebesar Rp.25.000.000
Tapi pada penulisan awal, tidak menggunakan format, yakni sebesar: 25000000

PETUNJUK SETTING
Pada bagian '$1.' maksudnya adalah pemisah yang akan ditampilkan menggunakan tanda titik.
Contoh: Rp.5000.000,-
Jika Anda rubah menjadi '$1,' maka hasilnya akan Rp.5000,000,-
Sedangkan jika menggunakan '$1-' maka hasilnya akan Rp.5000-000,-

Untuk yang var hargaProduk = [25000000] adalah jumlah uang sebelum ditentukan formatnya/ angka pertama.
Jika diganti menjadi var hargaProduk = [370000000] maka hasilnya akan Rp.370.000.000,-

Anda dapat menentukan angka/ masukan pada bagian var hargaProduk = [25000000] secara otomatis menggunakan input langsung oleh pengunjung menggunakan form/ input value.
Tutorial selengkapnya bisa dicari di Google.

Berikutnya keterangan untuk document.write('Rp.' + hargaProduk[i].ujungAngka(0) + ',-');
Pada teks Rp. adalah jenis mata uang yang digunakan. Bisajuga diganti menjadi IDR maupun dengan $

Untuk ujungAngka(0) adalah angka terakhir setelah nilai utama ditampilkan. Penerapan 0 berarti samasaja tidak ditentukan.
Contoh: Rp.400.000,-

Jika diganti dengan ujungAngka(2) maka akan menghasilkan angka 0 sebanyak dua kali dibelakang nilai.
Contoh: Rp.400.000,00,-

Terakhir pada bagian ',-' difungsikan sebagai akhir dari semua nilai tersebut.
Contoh: Rp.400.000,-

Jika diganti menjadi '.-' maka akan menghasilkan:
Contoh: Rp.400.000.-

Anda juga bisa mengganti menjadi mode HTML, seperti <br /> dan sejenisnya, kode nya menjadi '<br />'
Dengan settingan ini maka setelah format uang terbentuk akan menghasilkan baris baru (enter)

Cukup disini penjelasan dari saya semoga bermanfaat. Untuk mendapatkan trik2 lainya dari saya disarankan untuk mem-follow blog ini. Terimakasih..
http://stackoverflow.com/questions/149055/how-can-i-format-numbers-as-money-in-javascript
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini