Fungsi Terbilang Dengan JavaScript


Membuat fungsi terbilang dengan javascript

Selamat datang di tutorial belajar membuat fungsi terbilang dengan JavaScript.

Pada saat membuat sebuah aplikasi atau website, terkadang kita diharuskan untuk membuat fungsi terbilang untuk mengubah format angka menjadi huruf ejaan.

Pada tutorial sebelumnya di malasngoding.com, kita telah belajar membuat fungsi terbilang dengan PHP.

Tapi, pada tutorial ini kita akan belajar membuat fungsi terbilang dengan javascript.

Membuat fungsi terbilang dengan JavaScript

Fungsi atau rumus terbilang adalah pengubahan angka menjadi format huruf ejaan atau yang dapat dibaca.

Misalnya dari angka 1.050.000 menjadi “satu juta lima puluh ribu“.

Oke langsung saja kita masuk ke penjelasan cara mengubah angka menjadi huruf dengan javascript berikut.

Contoh Fungsi Terbilang Dengan JavaScript

Di sarankan untuk teman-teman untuk membaca juga tutorial Javascript Dasar yang sudah dijelaskan sebelumnya di malasngoding.com.

Agar skill pondasi dasar dari javascript-nya semakin bagus.

Oke teman-teman, silahkan persiapkan file html atau php teman-teman. dan perhatikan coding berikut.

Pada coding di atas, kita membuat sebuah function dengan nama terbilang().

Dalam rumus coding ini angka di bedah agar ketahuan apakah bagian-bagian penyebutnya puluhan, ratusan, jutaan dan lain-lain.

dan terakhir kita kembalikan nilai hasil prosesnya dengan return penyimpanan;.

Seperti yang terlihat pada contoh fungsi terbilang di atas, untuk menjalankan fungsi terbilang() ini, kita akan mencoba memanggilnya dalam fungsi alert().

alert(terbilang(1850000));

Kita coba lihat hasilnya.

Membuat fungsi terbilang di JavaScript

Seperti yang bisa teman-teman lihat pada gambar diatas, nilai yang kita isi pada fungsi terbilang(1850000) menampilkan hasil “Satu Juta Delapan Ratus Lima Puluh Ribu“.

Mengubah Angka Menjadi Huruf Dengan Javascript

Untuk contoh yang lebih lengkap dan agak luas kita akan membuat contoh baru.

Pada contoh ini, kita akan membuat sebuah form untuk tempat pengetikan angka.

Dan pada saat form tersebut diisikan nilai angka, maka sistem akan secara otomatis menampilkan nilai angka tersebut ke dalam huruf fungsi terbilang.

malasngoding_terbilang.html

Coba kita lihat hasilnya.

cara membuat fungsi terbilang dengan javascript

Angka yang diketikkan pada form angka akan ditampilkan dalam bentuk huruf menggunakan fungsi terbilang yang telah kita buat.

Penjelasan

Perhatikan pada contoh coding di atas. khusus nya pada bagian form.

Di sini kita membuat form inputan angka dengan memberikan id dengan nama “angka”.

Kemudian pada element <div> kita membuat id dengan nama “huruf” sebagai tempat output dari hasil proses terbilang.

Selanjutnya kita membuat event pada saat form angka diketik, maka kita perintahkan untuk menjalankan fungsi terbilang(). dan menulis hasilnya ke element div yang kita beri id “huruf“.

Demikian tutorial cara membuat fungsi terbilang pada javascript.

Semoga dapat bermanfaat untuk teman-teman yang sedang belajar javascript.

Berikut kami cantumkan demo source code fungsi terbilang javascript ini.

See the Pen
Fungsi terbilang javascript
by Malas Ngoding (@malasngoding)
on CodePen.0

Silahkan baca juga tutorial javascript lainnya:

Terima kasih.


Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

Tutorial Menarik Lainnya

Membuat fitur show hide password di HTML
Menghitung Jumlah Kata Dengan Javascript
Menghitung Jumlah Karakter Menggunakan Javascript
Membatasi Jumlah Inputan Dengan Javascript

Diskusi

Belum Ada Diskusi
Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD