Klik disini >> 🌘 Menghitung Total Harga Dengan Javascript

Hallosemua kembali lagi nih di tutorial dumet school, nah untuk kali ini saya akan membahas tentang javascript lagi setelah kemarin-kemarin saya membahas jquery. Untuk javascript yang saya bahas kalini adalah bagaimana cara membuat total harga otomatis menggunakan javascript . maksudnya gimana sih ? yang saya maksud dari menghitung total otomatis itu kita membuat sebuah fungsi misal kita sedang berbelanja online dan memasukan barang yang kita inginkan ke dalam shoping cart berserta jumlah Vay Tiền Nhanh. What I need I want to sum all to amount as the images but I can't do it As below code how can to total all amount after quantity multiple with unitPrice? Here is Html element Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Total All Here is Javascript code This js can only total from unit price with quantity like amount = quantunit And result should be Result = amount+amount1+amount2+amount3+amount4+amount5. But i can't do that $document.readyfunction{ $'.qty,.unit'.on'change', function{ var qty = parseFloat$'.quant'.val ; var unit = parseFloat $'.unit_p'.val; var quant1 = parseFloat$'.quant1'.val ; var unit1 = parseFloat $'.unit1'.val; var quant2 = parseFloat$'.quant2'.val ; var unit2 = parseFloat $'.unit2'.val; var quant3 = parseFloat$'.quant3'.val ; var unit3 = parseFloat $'.unit3'.val; var quant4 = parseFloat$'.quant4'.val ; var unit4 = parseFloat $'.unit4'.val; var quant5 = parseFloat$'.quant5'.val ; var unit5 = parseFloat $'.unit5'.val; var amount = qty unit; var amount1 = quant1unit1; var amount2 = quant2unit2; var amount3 = quant3unit3; var amount4 = quant4unit4; var amount5 = quant5unit5; var result = []; ifisNaNqty isNaNunit{ $'.amount'.val''; }else{ $'.amount'.valamount; }ifisNaNquant1isNaNunit1{ $'.amount1'.val''; }else{ $'.amount1'.valamount1; }ifisNaNquant2 isNaNunit2{ $'.amount2'.val''; }else{ $'.amount2'.valamount2; }ifisNaNamount3 isNaNamount3{ $'.amount3'.val''; }else{ $'.amount3'.valamount3; }ifisNaNquant4 isNaNunit4{ $'.amount4'.val''; }else{ $'.amount4'.valamount4; }ifisNaNquant5isNaNquant5{ $'.amount5'.val''; }else{ $'.amount5'.valamount5; } }; I can't sum all amount for total Please help asked Dec 23, 2014 at 934 Cootel KhCootel Kh971 gold badge3 silver badges15 bronze badges 3 You need to change your html to this Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Quantity Unit price Amount Total All and so you can update your jquery code as following $function { $'.unit,.qty'.on'change', function { var unit = $this.hasClass'unit' ? $this.val $this.siblings'.unit'.val; var qty = $this.hasClass'qty' ? $this.val $this.siblings'.qty'.val; unit = unit 0; qty = qty 0; var val = unit >= 1 && qty >= 1 ? parseFloatunit qty 0; $this.siblings'.amount'.valval; var total = 0; var update = false; $'.amount'.eachfunction { val = parseFloat$this.val 0; total = val ? parseFloattotal + val total; }; $'.result'.valtotal; }; }; answered Dec 23, 2014 at 948 SayedSayed5915 silver badges21 bronze badges 11 Another approach will be done by this Whenever user enter quantity / unit on change event will calculate and set amount value. Later call fnAlltotal function which update the result textbox with totalAmount $".qty".on'input', function { var self = $this; var unitVal = * fnAlltotal; }; $".unit".on'input', function { var self = $this; var qtyVal = * fnAlltotal; }; function fnAlltotal { var total = 0 $".amount".eachfunction { total += parseFloat$this.val 0; }; $".result".valtotal; } WORKING DEMO answered Dec 23, 2014 at 1050 Satinder singhSatinder gold badges60 silver badges102 bronze badges 1 Following should work, you have forgot to write code for addition $'.quant, .unit_p, .unit1, .unit2, .unit3, .unit4, .unit5, .quant1, .quant2, .quant3, .quant4, .quant5'.on'change', function{ var qty = parseFloat$'.quant'.val ; var unit = parseFloat $'.unit_p'.val; var quant1 = parseFloat$'.quant1'.val ; var unit1 = parseFloat $'.unit1'.val; var quant2 = parseFloat$'.quant2'.val ; var unit2 = parseFloat $'.unit2'.val; var quant3 = parseFloat$'.quant3'.val ; var unit3 = parseFloat $'.unit3'.val; var quant4 = parseFloat$'.quant4'.val ; var unit4 = parseFloat $'.unit4'.val; var quant5 = parseFloat$'.quant5'.val ; var unit5 = parseFloat $'.unit5'.val; var amount = qty * unit; var amount1 = quant1unit1; var amount2 = quant2unit2; var amount3 = quant3unit3; var amount4 = quant4unit4; var amount5 = quant5unit5; var result = []; ifisNaNqty isNaNunit{ $'.amount'.val''; }else{ $'.amount'.valamount; }ifisNaNquant1isNaNunit1{ $'.amount1'.val''; }else{ $'.amount1'.valamount1; }ifisNaNquant2 isNaNunit2{ $'.amount2'.val''; }else{ $'.amount2'.valamount2; }ifisNaNamount3 isNaNamount3{ $'.amount3'.val''; }else{ $'.amount3'.valamount3; }ifisNaNquant4 isNaNunit4{ $'.amount4'.val''; }else{ $'.amount4'.valamount4; }ifisNaNquant5isNaNquant5{ $'.amount5'.val''; }else{ $'.amount5'.valamount5; } $'.result'.valamount + amount1 + amount2 + amount3 + amount4 + amount5; }; answered Dec 23, 2014 at 947 Mohammad AshfaqMohammad Ashfaq1,3332 gold badges14 silver badges38 bronze badges 1 Add a class to all of the 3rd column input fields of subTotal. It is then as simple as writing a function to complete this task for you. var calculateTotal = function { var total = 0; $.each$'.subTotal', functionindex, element { total += $element.val; }; return total; }; Then write a function to set the value of the element. var updateTotal = function { $'grandTotal'.valcalculateTotal; } Now whenever the user modifies any values causing the total to change, you can trigger the updateTotal method. answered Dec 23, 2014 at 950 ONDoubleBONDoubleB3201 silver badge10 bronze badges by DUMET School Nov 28, 2016 0 comments Cara Menghitung Harga Diskon dengan html,css dan javascript Hallo sahabat learning , sekarang Saya akan membahas bagaimana sih membuat web yang bisa menghitung harga diskon ?, Nah ayo kita mulai. Sebelum melanjutkan ke materi Saya akan menjelaskan terlebih dahulu apa itu diskon, Diskon adalah potongan harga pada barang yang di jual. Hal yang harus di pahami terlebih dahulu sebelum melanjutkan ke materi yaitu bagimana cara menghitung diskon ? Cara menghitung diskon yang dengan persen di bagi 100 contoh 30/100 lalu di kalikan dengan harga barang lalu jumlah kan setelah di jumlahkan di kurangi dengan harga barang dan hasil itu adalah harga yang harus di bayar. Untuk lebih jelas sekarang melanjutkan ke souce code nya. Tampilan atau Review Source Code dan Penjelasannya Hitung Diskon / Membuat border / box / / Mengatur Maxsimal Ukuran/ / Mengatur margin kiri/ / Ukuran border 4px solid warna abu"/ border-radius 10px 10px; / Ukuran border 4px solid warna abu"/ / text di pindahkan ke tengah / background-color lightblue; / background warna biru cerah / PENGHITUNGAN DISKON // Membuat function bernama Cek_Diskon var harga = // Mengambil nilai input bernama harga yang berada pada form bernama Diskon var persen = // Mengambil nilai input bernama persen yang berada pada form bernama Diskon // Merubah data string menjadi integer persen = parseIntpersen; // Merubah data string menjadi integer var hasil = harga persen/100; // Penghitungan nya Persen/100 lalu kali harga hasil = harga - parseInthasil; // lalu hasil di kurangan harga = hasil; // pindahkan nilai hasil ke input bernama hasil yang berada pada form Diskon Seperti itu penjelasan dari saya, Saya harap anda mencoba lalu memahami alur program nya. TERIMA KASIH. Popular posts from this blog Belajar Bahasa C - Tipe Data Tipe data adalah jenis data adalah suatu variabel yang menyimpan data sesuai dengan sifatnya atau fungsinya. lalu variabel yaitu suatu menyimpanan data dengan tipe tertentu yang isi nya bisa berubah-ubah dan bisa di isi sesuai keinginan. 1. Variabel Integer Variabel Integer adalah suatu penyimpanan data yang berupa bilangan bulat seperti 1,2,3,4,5 dan seterusnya, Integer Memiliki batas dalam bahasa C yaitu -2147483648 dan +2147483647. Contoh penulisan Integer int angka = 10; 2. Variabel Float Variabel Float adalah suatu penyimpanan data yang berupa bilangan riil, Bilangan riil yaitu digunakan bilangan yang belakang nya terdapat koma seperti dan seterusnya. Contoh Penulisan Float float angka = 3. Variabel Char Variabel Char adalah suatu penyimpanan data untuk sebuah karakter seperti a,b,c,d,e,f,g dan seterusnya, biasanya variabel ini mengunakan ' ' untuk menentukan bahwa yang di ma Belajar Bahasa C - Komentar Pengenalan Komentar Komentar Merupakan kode program yang di abaikan saat compiler, Dalam sebuah coding komentar sangatlah penting karena berfungsi untuk memudahkan kita dan orang lain saat membaca codingan yang kita buat. Komentar sangat membantu kita saat kita lupa akan susunan program yang dibuat dan juga membantu saat membuat program bersamaan. Penulisan Komentar Penulisan Komentar di bahasa C/C++ di awali dengan // di akhir //, atau di awalin dengan /* di akhir dengan /. Lalu apa perbedaan // dan / ? perbedaan nya adalah untuk yang // ini untuk komentar yang di pakai untuk 1 line atau 1 baris, dan untuk yang /* ini bisa di pakai banyak baris sesuai keinginan. Contoh Coding Untuk melanjutkan materi klik link di bawah

menghitung total harga dengan javascript