Membuat Format Rupiah Dengan Javascript


membuat format rupiah dengan javascript

Membuat Format Rupiah Dengan Javascript

Membuat Format Rupiah Dengan Javascript, Seperti yang kita sudah ketahui, javascript memiliki kegunaan yang besar dalam pengembangan sebuah website atau aplikasi. salah satunya adalah kita bisa membuat format rupiah javascript.

Jika mungkin teman-teman sedang mengerjakan sebuah aplikasi keuangan yang mengharuskan teman-teman untuk membuat format rupiah secara otomatis pada saat mengetik angka. maka angka akan secara otomatis menampilkan pemisah satuannya.

Misalnya pada saat angka yang di ketik berjumlah ribuan, maka akan muncul titip pada 3 angka terakhir, begitu juga dengan format angka jutaan, milyaran dan seterusnya.

Membuat Format Rupiah Dengan Javascript

Pada tutorial Membuat Format Rupiah Dengan Javascript ini. kita akan belajar tentang cara membuat format rupiah javascript.

Kita akan membuat sebuah form input, dimana form input tersebut akan kita buat sebuah fitur yang akan mengubah angka yang di input secara otomatis menjadi format angka.

Sekedar penginat kembali, silahkan teman-teman baca juga tutorial javascript dasar di www.malasngoding.com. pada tutorial javascript sebelumnya sudah di jelaskan tentang dasar-dasar dari javascript. jadi akan sangat memudahkan teman-teman dalam mengikuti dan mempelajari materi tutorial Membuat Format Rupiah Dengan Javascript ini.

Langsung saja, kita buat dulu sebuah form sebagai contoh, project ini saya buat dalam folder dengan nama “rupiah_javascript”. atau teman-teman bisa langsung menerapkan pada project teman-teman.

index.html

akan saya jelaskan terlebih dulu, baru kemudian kita akan melihat hasilnya.

Pertama kita buat sebuah form penginputan untuk angka.

membuat format rupiah dengan javascript

membuat format rupiah dengan javascript

dan kemudian kita berikan sentuhan CSS nya, supaya lebih terlihat ganteng.

dan terakhir pada bagian javascript nya. kita deklarasikan id rupiah ke dalam variabel.

kemudian kita beri perintah untuk mengirim data yang di input ke function formatRupiah().

dan function formatRupiah berisi syntax untuk membuat format angka. dengan menggunakan titik.

hasil akhirnya kita return atau kembalikan penulisan yang dalam bentuk Rp.

Di sini kita juga menyeleksi penginputan selain angka akan di hapus jadi fungsi ini akan menghapus inputan selain angka.

Coba kita lihat hasilnya.

membuat format rupiah dengan javascript

membuat format rupiah dengan javascript

Nah selesai, format rupiah javascript pun selesai.

 

See the Pen Format Rupiah Javascript by Malas Ngoding (@malasngoding) on CodePen.0

 

Mungkin sekian tutorial Membuat Format Rupiah Dengan Javascript. semoga dapat bermanfaat.

Baca juga : Tutorial Membuat Form Validasi Dengan Javascript

DEMO

DOWNLOAD SOURCE CODE

 

Incoming search terms:

  • malasngoding javascript
  • format tanda pemisah angka dengan php
  • format rupiah javascript
  • php function rupiah if
  • hanya angka malas ngoding
  • membuat format rupiah di javascript
  • cara rupiah jquery
  • number format js
  • Input angka rupiah
  • https://www malasngoding com/membuat-format-rupiah-dengan-javascript/



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 grafik dengan chartjs
membuat form validasi dengan javascript
Manipulasi String Pada Javascript
Diskusi
7 Komentar
  • Sastre 1 year ago

    Gimana caranya biar bisa dipake untuk banyak ID?

  • Budiyono 1 year ago

    Hallo Mas Diki,
    Kalau untuk nilai – (negatif) seperti apa ya?

  • mumuz 1 year ago

    gan, gima caranya klo sekiranya bisa input angka minus lagi

  • mumuz 1 year ago

    gimana klo supaya bisa ngetik angka minus mas

  • hen 11 months ago

    bang, kalo merubah titik nya jadi koma gmn? bagian mana nya aja yang harus di ubah?
    contoh 1,000,000.21

  • Reyhan 10 months ago

    terimakasih artikel bermanfaat

  • Deka 10 months ago

    biar bisa nerima negative gimana ya


Tulis Komentar / Pertanyaan

Your email address will not be published.