Pembuatan fungsi thousand separator ini sebenarnya sudah pernah dibahas pada artikel sebelumnya yang berjudul Tutorial PHP cara membuat thousand separator nominal uang (klik tulisan biru ini untuk meluncur ke artikel tersebut), namun diartikel yang ini akan membahas cara pembuatan fungsi tersebut dengan bahasa Javascript.
Sekadar mengingatkan mengenai pengertian thousand separator, yaitu pemisah pada uang agar mudah dibaca, contohnya angka 1000000 dirubah menjadi 1.000.000. Tanpa banyak basa-basi yuks kita buat fungsinya dalam bahasa javascript:
1. Buka editor codemu (noteapad++, netbeans, dll)
2. Karena admin memakai framework PHP codeigniter maka buka file view (karena javascript bekerja disisi klient alias browser user), file yang admin pakai adalah Belajar.php. Jika anda ingin mengetahui framework PHP codeigniter bisa dipelajari di link artikel berikut ini:
3. Tulis code script dibawah ini difile viewmu:
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
function separator(num, decpoint, sep, point)
{
tempnum=num;
num=num.replace(".",",");
if (arguments.length == 2) {
sep = ".";
}
if (arguments.length == 1) {
sep = ".";
decpoint = ",";
}
num = num.toString();
a = num.split(decpoint);
b = a[0];
l = a[1];
z = "";
point = typeof point !== 'undefined' ? Number(point) : '';
if(point!="")
{
var templ=l;
if(typeof templ!=="undefined")
{
if(parseFloat(templ)==0)
{
nol="";
for(i=1;i<=point;i++)
nol=nol+"0";
l=nol;
}
if(templ.length>point)
{
tempnum=Number(tempnum).toFixed(point);
tempnum=tempnum.replace(".",",");
tempnum=tempnum.toString();
desimal = tempnum.split(decpoint);
desimalbulat = desimal[1];
l=desimalbulat;
}
}
else
{
nol="";
for(i=1;i<=point;i++)
nol=nol+"0";
l=nol;
}
}
else
{
l="";
}
if (typeof(b) != "undefined") {
for (i=b.length-1;i>=0;i--)
z += b.charAt(i);
z = z.replace(/(\d{3})/g, "$1" + sep);
if (z.slice(-sep.length) == sep)
z = z.slice(0, -sep.length);
b = "";
for (i=z.length-1;i>=0;i--)
b += z.charAt(i);
if (typeof(l) != "undefined" && l.length > 0)
b += decpoint + l;
}
return b;
}
var angka=1000000;
var strangka=separator(new String(angka),",",".",".",2);
alert(strangka);
</script>
</head>
<body>
</body>
</html>
code javascript diatas kita membuat sebuah fungsi dengan nama separator(num,decpoint,sep,point). Penjelasan dari 4 parameter tersebut adalah:
4. Setelah kita berhasil membuat fungsi separator seribu, kita juga harus bisa membuat penawarnya, yaitu merubah nominal uang tersebut menjadi format angka kembali (untuk dikirim ke server supaya dapat disimpan dalam bentuk tipe data angka). Yuk mari kita simak kodenya dibawah ini:
var strangka="1.000.000,15";
var rubahangka=str_replace(",",".",str_replace(".","",strangka));
// rubah angka akan beroutput 1000000.15
lewat fungsi str_replace diatas kita dapat merubah kembali kalimat separator seribuan, yaitu strangka yang bernilai 1.000.000,15 menjadi angka kembali agar dapat diproses diserver / database 1000000.15.
Gampang kan teman-teman, semoga lewat artikel ini dapat membantu sobat yang sedang mengembangkan aplikasi berbasis javascript yang ada hubungan dengan keuangan.
Bagi anda pemilik usaha yang ingin menerapkan sistem komputer untuk kontrol stok, rekap laporan otomatis, laba-rugi otomatis, sistem kasir,dan barcode qrcode. Dapat mencoba aplikasi partheon stok.. GRATIS 100%. Installnya mudah cukup KLIK/TAP link gambar dibawah ini: