[JAVASCRIPT] Membuat Function Total Belanja Otomatis | Onclick Auto Change Value Form Input

Pada tutorial kali ini kita akan membahas Cara Membuat Function Total Otomatis pada Javascript. 

Deskripsi Kasus 

user menginputkan jumlah barang dan harga, bersamaan dengan itu hasil dari perhitungannya langsung ditampilkan pada layar user. Dimana nanti proses perhitungannya akan dikerjakan dengan bantuan function yang akan kita buat dengan javascript. Function ini akan kita tempelkan pada field Input (event) user. Oke bagaiamana detail source code nya? langsung saja lihat penjelasannya berikut ini.

 

berikut source code nya, saya buat dalam format HTML silahkan diikuti :

index.html 

Penjelasan:

1. Function hitung_total, berfungsi untuk mengambil inputan dari user, menyimpannya ke dalam sebuah variabel, melakukan perhitungan, kemudian mengembalikan hasil perhitungan ke user
2. Function isNumberKey(evt), berfungsi untuk menyaring karakter yang boleh diinputkan oleh user. Fungsi ini hanya mengijinkan (bernilai true) jika user menginputkan karakter berupa angka ke field form input. Jika user menginputkan selain karakter angka, maka JS akan menolaknya (bernilai false). 
3. Function numberWithCommas(x), berfungsi untuk mengubah value dari sebuah variabel ke dalam bentuk format rupiah (ada pemisah titik/koma setiap tiga angka)
4. Penjelasan masing-masing perintah sudah dituliskan pada cuplikan program diatas, silahkan dicek. 

Demo Program

See the Pen Auto Change Value by Anggaradana Kadek (@balibaguschannel) on CodePen.

Oke cukup sekian dulu tutorial Membuat Function Total Belanja Otomatis | Onclick Auto Change Value Form Input kali ini. Klik LINK berikut untuk download script programnya secara keseluruhan. Semoga bermanfaat dan Selamat Mencoba.. 💪💪

Baca Juga:
Membuat Auto Complete Total Belanja [Javascript]
Membuat Fungsi Terbilang Rupiah [Javascript]
Membuat Format Rupiah [Javascript]
Memasang Template Admin Lte Dengan Library Codeigniter [Template Website]