setelah sebelumnya kita sudah pernah mencoba fungsi terbilang dengan php. pada kali ini mari kita bersama mencoba untuk membuat fungsi terbilang dengan javascript. dan untuk fungsi terbilang kali ini kita adopsi saja kode fungsi terbilang dari php yang sudah sebelumnya kita coba. seperti biasanya izinkan diri ini terlebih dahulu untuk mengucapkan
Salam sobat semua
Alhamdulillahi robbil 'alamiin atas segala nikmat yang telah Allah berikan kepada diri ini sehingga diri ini bisa menulis dan berbagi dalam tulisan ini, tak lupa sholawat serta salamku akan tetap tercurah dan terpanjatkan hanya untuk baginda Sayyidina Muhammad ibni Abdillah S.A.W. beserta keluarga dan para sahabatnya.
Bismillahir rohmaanir rohiim, kali ini kita akan mencoba fungsi terbilang versi javascriptnya, dan untuk alur algoritmanya kita adopsi saja dari kode php yang sebelumnya pada tulisan fungsi terbilang dengan php . langsung saja kita ke dalam penerapan kode javascriptnya. seperti biasa kita tulis dulu untuk inputan form htmlnya seperti berikut
<form method="POST">
Masukkan angka : <input type="text" name="angka" id="angka">
<br>
<input type="button" value="Terbilang" id="tbl" name="tbl">
</form>
<div id="out"></div>
kemudian kita buat fungsi terbilangnya. fungsi tebilangnya sama persis dengan fungsi terbilang php. tapi ada sedikit perbedaan yaitu ketika terbilang sudah sebelum 100 karena dalam javascript tidak bisa langsung membaca pembulatan hasil dibagi 10 maka kita harus membulatkan dulu ke nilai yang terbawah dengan fungsi Math.floor yang sudah pernah kita coba sebelumnya pada tulisan Pembulatan angka pada javscript . dan untuk fungsi terbilangnya dengan javscript dalam penerapan kode seperti tampak berikut
function terbilang(angka){
var bilne=["","satu","dua","tiga","empat","lima","enam","tujuh","delapan","sembilan","sepuluh","sebelas"];
if(angka < 12){
return bilne[angka];
}else if(angka < 20){
return terbilang(angka-10)+" belas";
}else if(angka < 100){
return terbilang(Math.floor(parseInt(angka)/10))+" puluh "+terbilang(parseInt(angka)%10);
}else if(angka < 200){
return "seratus "+terbilang(parseInt(angka)-100);
}else if(angka < 1000){
return terbilang(Math.floor(parseInt(angka)/100))+" ratus "+terbilang(parseInt(angka)%100);
}else if(angka < 2000){
return "seribu "+terbilang(parseInt(angka)-1000);
}else if(angka < 1000000){
return terbilang(Math.floor(parseInt(angka)/1000))+" ribu "+terbilang(parseInt(angka)%1000);
}else if(angka < 1000000000){
return terbilang(Math.floor(parseInt(angka)/1000000))+" juta "+terbilang(parseInt(angka)%1000000);
}else if(angka < 1000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000))+" milyar "+terbilang(parseInt(angka)%1000000000);
}else if(angka < 1000000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000000))+" trilyun "+terbilang(parseInt(angka)%1000000000000);
}
}
setelah kita membuat fungsi terbilangnya maka kita tinggal memanggilanya dalam event yang kita inginkan. bisa dalam event klik ataupun bisa di event keyup. dan saya lebih suka dan cenderung pada event keyup saja. dan untuk kali ini kita coba dengan jquery. jadi untuk contoh kode lengkapnya adalah sebagai berikut
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#angka").keyup(function(){
var angkane=$("#angka").val();
$("#out").html(terbilang(angkane));
});
});
function terbilang(angka){
var bilne=["","satu","dua","tiga","empat","lima","enam","tujuh","delapan","sembilan","sepuluh","sebelas"];
if(angka < 12){
return bilne[angka];
}else if(angka < 20){
return terbilang(angka-10)+" belas";
}else if(angka < 100){
return terbilang(Math.floor(parseInt(angka)/10))+" puluh "+terbilang(parseInt(angka)%10);
}else if(angka < 200){
return "seratus "+terbilang(parseInt(angka)-100);
}else if(angka < 1000){
return terbilang(Math.floor(parseInt(angka)/100))+" ratus "+terbilang(parseInt(angka)%100);
}else if(angka < 2000){
return "seribu "+terbilang(parseInt(angka)-1000);
}else if(angka < 1000000){
return terbilang(Math.floor(parseInt(angka)/1000))+" ribu "+terbilang(parseInt(angka)%1000);
}else if(angka < 1000000000){
return terbilang(Math.floor(parseInt(angka)/1000000))+" juta "+terbilang(parseInt(angka)%1000000);
}else if(angka < 1000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000))+" milyar "+terbilang(parseInt(angka)%1000000000);
}else if(angka < 1000000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000000))+" trilyun "+terbilang(parseInt(angka)%1000000000000);
}
}
</script>
<form method="POST">
Masukkan angka : <input type="text" name="angka" id="angka">
<br>
<input type="button" value="Terbilang" id="tbl" name="tbl">
</form>
<div id="out"></div>
sehingga jika kita jalankan kode diatas dan kita ketik angka maka pada div out akan menampilkan output sebuah kata menurut nilai angka pada suatu inputan tersebut seperti tampak berikut
dan kalau ingin ditambah terbilang untuk bilangan decimalnya maka tinggal tambahin fungsi split untuk membagi koma atau titik bilangan decimal seperti contoh penerapan dalam kode berikut untuk fungsi terbilang dengan bilangan decimal
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#angka").keyup(function(){
var angkane=$("#angka").val();
var pch=angkane.split(".");
var hsldec="";
if(pch.length>1){
for(i=0;i<pch.length;i++){
if(i==pch.length-1){
hsldec += terbilang(pch[i]);
}else{
hsldec += terbilang(pch[i]) + " koma ";
}
}
}else{
hsldec=terbilang(angkane);
}
$("#out").html(hsldec);
});
});
function terbilang(angka){
var bilne=["","satu","dua","tiga","empat","lima","enam","tujuh","delapan","sembilan","sepuluh","sebelas"];
if(angka < 12){
return bilne[angka];
}else if(angka < 20){
return terbilang(angka-10)+" belas";
}else if(angka < 100){
return terbilang(Math.floor(parseInt(angka)/10))+" puluh "+terbilang(parseInt(angka)%10);
}else if(angka < 200){
return "seratus "+terbilang(parseInt(angka)-100);
}else if(angka < 1000){
return terbilang(Math.floor(parseInt(angka)/100))+" ratus "+terbilang(parseInt(angka)%100);
}else if(angka < 2000){
return "seribu "+terbilang(parseInt(angka)-1000);
}else if(angka < 1000000){
return terbilang(Math.floor(parseInt(angka)/1000))+" ribu "+terbilang(parseInt(angka)%1000);
}else if(angka < 1000000000){
return terbilang(Math.floor(parseInt(angka)/1000000))+" juta "+terbilang(parseInt(angka)%1000000);
}else if(angka < 1000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000))+" milyar "+terbilang(parseInt(angka)%1000000000);
}else if(angka < 1000000000000000){
return terbilang(Math.floor(parseInt(angka)/1000000000000))+" trilyun "+terbilang(parseInt(angka)%1000000000000);
}
}
</script>
<form method="POST">
Masukkan angka : <input type="text" name="angka" id="angka">
<br>
<input type="button" name="tbl" value="Terbilang" id="tbl">
</form>
<div id="out"></div>
maka jika kode diatas dijalankan akan menghasilkan output seperti tampak berikut
dan seperti itulah kurang lebihnya untuk fungsi terbilang dengan menggunakan javascript,dan saya rasa untuk kali ini cukup sekian dulu untuk tulisan tentang cara membuat fungsi terbilang pada javascript fungsi yang digunakan untuk mengubah dari angka menjadi suatu kata atau huruf. dan kita akan lanjut di next tulisan Insya Allah. dan mudah-mudahan tulisan ini bisa memberi manfaat bagi kita semua Aamiiin.
dan bagi kalian yang ingin download file kode diatas bisa download disini
Salam sobat semua
#javascript #terbilang #fungsi #html #free #share #berbagi #gratis
Comments
Post a Comment