[JAVASCRIPT] CARA MEMBUAT FORMAT RUPIAH OTOMATIS PADA FORM INPUT DENGAN JAVASCRIPT

Membuat Format Rupiah Javascript


Selamat datang di Bali Bagus Channel. Pada kesempatan kali ini kita akan membahas bagaimana cara mem format rupiah dengan javascript.

Untuk memformat output data database ke dalam bentuk rupiah, kita gunakan program serverside, seperti PHP. Hal ini tidak efektif jika menggunakan program client side seperti javascript, karena harus menunggu semua dokumen di load.

Lalu, untuk tujuan apa membuat format rupiah dengan javascript?

Umumnya, format rupiah dengan javascript ini digunakan untuk mengelola inputan dari user pada form baik secara langsung maupun tidak langsung. Tidak langsung dalam hal ini misal membuat total dari semua inputan secara realtime. Untuk mempersingkat waktu mari kita mulai saja pembahasannya.

Disini saya akan membuat sebuah file PHP dengan nama form_input.php dimana pada implementasinya nanti kita akan mengubah bilangan yang diinputkan oleh user ke dalam format Rupiah. Berikut contoh code nya.

form_input.php

Pada salinan source code diatas, rupiah.addEventListener('keyup', function(e) berfungsi untuk mengambil inputan bilangan yang diketikkan oleh user secara realtime. Kemudian selanjutnya bilangan tersebut ditampung pada variabel rupiah untuk kemudian dilempar ke fungsi formatRupiah. Sementara function formatRupiah(angka, prefix) berfungsi untuk mengubah bilangan input yang diketikkan oleh user ke dalam format rupiah.

Demo Program

See the Pen Format Rupiah #2 by Anggaradana Kadek (@balibaguschannel) on CodePen.

Oke teman-teman cukup sekian dulu tutorial CARA MEMBUAT FORMAT RUPIAH OTOMATIS PADA FORM INPUT DENGAN JAVASCRIPT. Semoga bermanfaat dan Selamat Mencoba.. 💪💪

Komentar

Popular Posts

Jenis-Jenis Port beserta Penjelasan, Gambar, dan Fungsinya Pada Console Unit

Proposal Usaha Bengkel Las Dan Bubut “Sabadha Logam”

Drama : Liburan Ke Kebun Binatang