Simple auto calculation for cart with jquery


Ya kali ini saya akan sharing cara membuat auto calculation jadi tinggal masukkan 2 input dan 1 perkalian, karena kebetulan sedang ada proyek kecil2an membuat perhitungan otomatis, berikut codingannya.

buat 3 input di html atau php terserah

<input type="text" id="txt1" onchange="sum();" name="" value="">

<input type="text" id="txt2" onchange="sum();" name="" value="">

<input type="text" id="txt3"  onchange="sum();" name="" value="">

<input type="text" id="txt4"   name="" value="">

 

lalu buat script seperti dibawah taruh dipaling bawah

function format2(n, currency) {
 return currency + " " + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.");
 }

function sum() {
 var satu = document.getElementById('txt1').value;
 var dua = document.getElementById('txt2').value;
 var tiga = document.getElementById('txt3').value;
 var result = (parseInt(satu) + parseInt(dua)) * parseInt(tiga) ;

if (!isNaN(result)) {
 var hasil = format2(result,"Rp. ");
 document.getElementById('txt4').value = hasil;
 }
 }

Dah gitu aja selamat mencoba kalau sukses maka kita membuat penjumlah 2 produk di input1 dan input2 dan dikalikan dengan input3, kemudian hasilnya akan tampil di input 4.

Silahkan berimprovisasi bisa juga dibuat select seperti contoh diatas

Silahkan mencoba happy coding

2 thoughts on “Simple auto calculation for cart with jquery

  1. dwi syahdi

    return currency + ” ” + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, “$1.”);
    format ini maksudnya apa ya bang?

Ditunggu komennya ...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.