belajar javascript membuat fungsi thousand separator nominal uang

Oleh: adminpartheon - 27-03-2022   -   16:41

Bagikan :

belajar javascript cara membuat thousand separator nominal uang

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:

  • Parameter num adalah inputan angka yang akan dirubah tetapi harus dirubah kedalam bentuk string terlebih dahulu new String(xxx). 
  • Parameter decpoint adalah karakter yang dipakai untuk pemisah poin decimal, contohnya: 100000.2 jika masuk fungsi dengan karakter "," akan berubah menjadi 1.000.000,2.
  • parameter sep adalah karakter yang dipakai sebagai pemisah ribuan, contohnya:1000000 jika masuk fungsi dengan karakter "." akan berubah menjadi 1.000.000
  • parameter point (type data integer) adalah batas maximum digit decimal yang diperbolehkan, contohnya 1000,3456 jika nilai parameter adalah 2 maka outputnya adalah 1.000,34.

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:

playstore_install 

 

Artikel terkait

Belajar membuat website install codeigniter php
Belajar membuat website install codeigniter php
Tips mengamankan akun Instagram anda.
Tips mengamankan akun Instagram anda.
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
Belajar membuat website, Framework php+xampp part 1
Belajar membuat website, Framework php+xampp part 1
isi tinta printer canon e400 hitam
isi tinta printer canon e400 hitam
Belajar membuat website HTML dasar-TABLE
Belajar membuat website HTML dasar-TABLE
Artikel lainnya
cek kabel putus dengan multimeter atau avometer digital visero a830L
Seringkali peralatan elektronik kita tidak berfungsi karena adanya ganggunan dalam komponennya, salah satunya adalah kabel putus. Artikel kali ini akan membahas cara cek kabel putus dengan multimeter digital.
cara membuat function mysql database
selain query kita dapat membuat sebuah fungsi untuk mempermudah operasi database, bagaimana caranya ? yuks kita baca artikel berikut ini.
fungsi resistor beserta cara ukur lewat kode warna resistor dan multimeter
Kali ini kita akan bahas pengertian komponen elektro yaitu resistor beserta cara ukurnya berdasarkan kode warna dan multimeter digital
5 youtuber cerita menarik tuk menemani harimu
Sambil kerja dikomputer mendengarkan cerita-cerita menarik dapat kamu coba untuk mengusir kebosanan dan meningkatkan produktifitasmu, yuk coba dengarkan 5 youtuber Indonesia yang pandai bercerita ini.
Khasiat tanaman pecut kuda
Jarang orang mengetahui tanaman pecut kuda, padahal khasiat dan kegunaannya sangat banyak. berikut adalah kegunaan pecut kuda
5 lagu barat klasik romantis
Kangen sama pasangan? cobain lagu-lagu klasik ini supaya makin kangen dengan pasanganmu. Lagu klasik barat yang memorable dan romantis habis
input date html tutorial dan cara pakainya
Dalam membuat website pasti ada saatnya kita menggunakan isian tanggal, dalam artikel berikut kita akan mengupas cara dan petunjuk pengunaan input date untuk mempermudah operasi tanggal.
4 youtuber bule yang cerita tentang indonesia mulai dari wisata, budaya sampai makanan
pesona indonesia mampu memikat hati orang asing, 4 youtuber ini membuat vlog tentang beberapa wisata didaerah Indonesia. Siapakah 4 youtuber tersebut, yuks kita simak youtuber yang sering ditonton admin..
5 youtuber review film untuk menambah list film yang akan kamu tonton
ga ada waktu buat nonton film atau bingung film yang bagus yang mana, yuk cek 5 youtuber spesialist membahas film-film yang menarik lewat artikel ini.
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
Sesi belajar javascript kali ini akan membahas pembuatan fungsi untuk merubah sebuah angka menjadi kalimat terbilang.
tutorial cara mengukur tegangan DC dengan multimeter digital
artikel berikut akan mereview multimeter digital visero A830L dan petunjuk pemakaian untuk mengukur tegangan DC
isi tinta printer canon e400 hitam
Simak artikel berikut ini untuk mengisi tinta cartidge hitam printer canon e400 beserta cara reset manual
4 film barat dengan jagoan yang tak terkalahkan
Anda senang dengan film barat? suka dengan aksi perkelahian yang memacu adrenalin? berakhir happy ending? yuk simak artikel berikut ini buat menambah list film yang akan kamu tonton
Tutorial php cara membuat thousand separator nominal uang
Artikel berikut akan membahas cara merubah nominal uang menjadi lebih enak dibaca dengan menambah separator ribuan, ratusan ribu, dll didalam pemprograman PHP.
Raline Shah profil
Raline shah dikenal sebagai artis Indonesia yang pergaulannya luas, dari mohammad hadid sampai artis asia internasional lainnya masuk lingkaran pertemanannya. Berikut adalah biodata raline shah artis yang bukan kaleng-kaleng