Nah kali ini tutorial gimana sih membuat terbilang dengan html/php + javascript? Bukan terbilang dengan excel ya hehe jadi setiap nilai yang kita ketik akan otomatis terbuat terbilangnya bukan setiap refresh tapi setiap kita ketik langsung muncul terbilangnya.
Tapi kalian harus download beberapa file ini: Download Disini
Langsung aja nihhh, ini coding beri nama bebas aja contohnya index.html
<!DOCTYPE html>
<html>
<head>
<title>Gilacoding</title>
</head>
<body>
<form>
<label>Masukkan Nilai</label> <input type="text" id="terbilang-input" class="mata-uang" onkeyup="inputTerbilang();">
<br/>
<br/>
<label>Hasil</label> <input type="text" id="terbilang-output">
</form>
<script src="jquery-1.11.2.min.js"></script>
<script src="jquery.mask.min.js"></script>
<script src="terbilang.js"></script>
<script type="text/javascript">
function inputTerbilang() {
//membuat inputan otomatis jadi mata uang
$('.mata-uang').mask('0.000.000.000', {reverse: true});
//mengambil data uang yang akan dirubah jadi terbilang
var input = document.getElementById("terbilang-input").value.replace(/\./g, "");
//menampilkan hasil dari terbilang
document.getElementById("terbilang-output").value = terbilang(input).replace(/ +/g, ' ');
}
</script>
</body>
</html>
Kalau sudah, file yang kalian download tadi coba extract dan jadikan satu folder dengan index.html yang sudah kita buat diatas
Keterangan :
- Bisa digunakan langsung untuk php kalian, jadi silahkan dicopy bagian input id terbilang-input dan id terbilang-output
- Jangan lupa untuk import javascript jquery mask dan terbilang.js
- bebas kalau ga pake jquery mask, terbilang masih bisa dipake kok / begitu juga sebaliknya kalau kalian cuman perlu mata-uangnya saja berarti terbilangnya dihapus aja hehe
Maka hasilnya :
Gampang banget ya!! Hehe tutor ini terinspirasi oleh jquerymask dan budiadiono
Kamu bisa download contohnya disini : https://github.com/herziwp/terbilang-rupiah
Terimakasih sob, ditunggu next tutorialnya...