Penulis! Angga Kurniawan

🔥 hai selamat datang di laboratorium Versi Beta

Topik : Membuat fungsi format rupiah di javascript pada input text JS

Halo teman-teman, apakah kalian pernah berpikiran untuk membuat format rupiah di input text dengan html seperti contoh dibawah ini :

Contoh hasil

dari contoh inputan text diatas, kita bisa melihat bahwa kita hanya bisa menginputkan angka saja dengan penambahan format rupiah dan decimal.
jika kalian tertarik dan ingin membuat atau menginplementasikan ke web atau sistemnya, mari sekarang ikuti contoh script dibawah ini :


<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Latihan format rupiah</title>
</head>
<body>
	<div style="padding-top: 40px;">
		<center>
			<input type="text" id="rupiah" name="">
		</center>
	</div>


	<script>
		var rupiah = document.getElementById('rupiah');
		rupiah.addEventListener('keyup', function(e){
			rupiah.value = formatRupiah(this.value, 'Rp. ');
		});
 
		/* Fungsi formatRupiah */
		function formatRupiah(angka, prefix){
			var number_string = angka.replace(/[^,\d]/g, '').toString(),
			split   		= number_string.split(','),
			sisa     		= split[0].length % 3,
			rupiah     		= split[0].substr(0, sisa),
			ribuan     		= split[0].substr(sisa).match(/\d{3}/gi);
			if(ribuan){
				separator = sisa ? '.' : '';
				rupiah += separator + ribuan.join('.');
			}
			rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
			return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
		}
	</script>
</body>
</html>