Tutorial Format Angka Menggunakan Javascript

Javascript – Ada berbagai cara untuk mencetak angka dengan koma dan menambah pemisah ribuan di angka tersebut. Kalau kalian mengerjakan sebuah aplikasi akuntansi atau aplikasi apapun yang ada data berupa angka-angka yang menggunakan koma, maka hal tersebut tentulah berguna.

Cara membuat format angka tersebut bisa dengan javascript ataupun menggunakan library jquery input mask untuk format angkanya.

Pada kesempatan kali ini, saya akan berbagi cara bagaimana cara membuat format angka menggunakan javascript dan jquery input mask.

Format Angka Menggunakan Javascript

Pertama kita akan menggunakan cara format angka dengan cara yang simple, yaitu menggunakan Regex (Regular Expression). Disini saya contohkan pemakaiannya untuk angka-angka yang ada komanya. Berikut kodenya di javascript.

Sedikit untuk penjelasan, misal num isinya 2000.23 kemudian masuk ke fungsi formatNumber akan fixed menjadi 2000.23 kemudian diganti tanda titik (.) menjadi koma (,) sehingga menjadi 2000,23. Setelah itu masuk ke regex formatnya menjadi 2.000,23.

Untuk format angka yang memiliki angka di belakang koma lebih dari 2 angka, kodenya sebagai berikut.

Penjelasan kode dari fungsi di atas yaitu angka yang kita masukkan ke fungsi akan diganti titiknya (.) menjadi koma (,). Kemudian akan dipecah menjadi 2 bagian, sebelum koma dan setelah koma. Yang akan kita beri separator untuk ribuan yaitu angka sebelum koma. Kemudian hasilnya baru digabungkan kembali.

Sedangkan untuk format angka ribuan di integer contohnya sebagai berikut.

Menggunakan Jquery Inputmask

Kedua kita akan menggunakan jquery inputmask, jquery inputmask biasa digunakan untuk format ketika kita melakukan inputan. Contohnya seperti di bawah ini.

Contoh Format Angka Jquery Inputmask

Berikut cara untuk memanggil jquery inputmask.

Mungkin secara tampilan itu terlihat angka ribuan 2.222,00 namun aslinya 2222,00 .

Jika kalian ingin menampilkan data tipe numeric dari database ke inputan yang memakai jquery inputmask maka sebelumnya datanya harus diubah dulu titik (.) nya menjadi koma (,).

Misalkan dari database saya menyimpan kuantitas 4000.23 ketika saya langsung set valuenya seperti ini.

Maka kita perlu menambahkan sedikit kodingan seperti berikut.

Kalkulasi Value InputMask

Apabila kalian ingin melakukan kalkulasi . Berikut cara untuk merubah format dari value input yang menerapkan masking.

Sekian tips untuk melakukan format angka menggunakan javascript, semoga bermanfaat.

Baca juga : Tutorial Menghitung Total Nilai Dalam Datatable

About the Author: ikhsank6

You May Also Like

2 Comments

  1. Long time supporter, and thought I’d drop a comment.

    Your wordpress site is very sleek – hope you don’t mind me asking what theme you’re
    using? (and don’t mind if I steal it? :P)

    I just launched my site –also built in wordpress like yours– but the theme slows (!) the site down quite
    a bit.

    In case you have a minute, you can find it by searching
    for “royal cbd” on Google (would appreciate any feedback) – it’s
    still in the works.

    Keep up the good work– and hope you all take care of yourself during the coronavirus
    scare!

Leave a Reply

Your email address will not be published. Required fields are marked *