Header Ads

Iklan

Teknik Membuat Angka Menjadi Terbilang Saat di Inputkan Menggunakan JavaScript/jQuery

Halo AoC..!!

Sudah lama sekali blog ini vakum, dan baru sekarang ada kesempatan buat nyoba aktif lagi. Tentu dengan postingan yang ringan2 dulu, baru nanti membuat postingan yang bakal banyak membahas tentang bahasa pemrograman berbasis web (Javascript, PHP, HTML, dll).

Oke, kali ini saya mau mencoba membagikan sebuah cara untuk membuat sebuah auto terbilang saat angka di inputkan pada text field pada halaman website, tentunya dengan menggunakan bahasa Javascript yang dibantu dengan framwork jQuery.


Seperti gambar diatas, cara ini menggunakan bantuan jQuery dan untuk sintaknya cukup gampang sekali ya, coba kita cek :

1. Pertama kita buat sebuah function di javacript (pastikan juga sudah include master jQuery.js nya)

<script>
  function kekata(n){
    var ang=new Array(" ", "satu", "dua", "tiga", "empat", "lima", "enam", "tujuh", "delapan", "sembilan", "sepuluh", "sebelas");
    var trb;

    if (n<12){trb=" "+ang[n];}else
    if (n<20){trb=kekata((n-10))+" belas";}else
    if (n<100){trb=kekata(Math.floor(n/10))+" puluh"+kekata(n%10);}else
    if (n<200){trb=" seratus"+kekata((n - 100));}else
    if (n<1000){trb=kekata(Math.floor(n/100)) + " ratus" + kekata((n % 100));}else
    if (n<2000){trb=" seribu" + kekata((n - 1000));}else
    if (n<1000000){trb=kekata(Math.floor(n/1000)) + " ribu" + kekata((n % 1000));}else
    if (n<1000000000){trb=kekata(Math.floor(n/1000000)) + " juta" + kekata((n % 1000000));}else
    if (n<1000000000000){trb=kekata(Math.floor(n/1000000000)) + " milyar" + kekata(n%1000000000);}else
    if (n<1000000000000000){trb=kekata(Math.floor(n/1000000000000)) + " trilyun" + kekata(n%1000000000000);}else{trb="diluar perkiraan.!!";}
    return trb;
  }

  function terbilang(a,b){
    $("#"+b).html(kekata(a.value));
  }
</script>

2. Buat sebuah inputan seperti ini


<html>
  <head></head>
  <body>
    <input type="number" onkeyup="terbilang(this,'lblterbilang')">
    <span id="lblterbilang"></span>

    <!-- tempatkan code terbilang disini.. -->

  </body>
</html>


Nah kira2 seperti itulah, untuk penjelasanya monggo silahkan komen dibawah..

Post a Comment

0 Comments