Cara Membuat Perkalian Penggunakan Keyup Pada jQuery

Halo, balik lagi ditutorial pemrograman Source Code Aplikasi, kali ini saya akan menjelaskan mengenai Bagaimana Cara Membuat Perkalian Penggunakan Keyup Pada jQuery, istilah keyup disini ialah keyup berarti event ketika tombol keyboard pada posisi up (selesai ditekan/terangkat) jadi idenya akan seperti ini ketika user telah mengetikan sebuah angka di form inputan karenanya angka tersebut akan otomatis dikalikan oleh program,

nah program ini lah yang nanti kita akan ingin bahas cara penggunaanya oke coba teman-teman siapkan sebuah file baru dan beri nama file tersebut dengan nama testKeyup.html

<div>
<h3 style=font-variant: small-caps;>penjumlahan pada wujud perkalian [*]</h3>
<input name=jumlah>
<input name=harga>
<span class=harga></span>
</div>

$('input[name=jumlah], input[name=harga]').keyup( function() {
    var divParent = $(this).closest('div');
    var jumlah = $('input[name=jumlah]', divParent).val()-0;
    var harga = $('input[name=harga]', divParent).val()-0;
    if (jumlah >= 0  harga >= 0)
        $('span.harga', divParent).text(jumlah*harga);
} ) ;

Apabila telah disave dan jalankan, kalau berhasil karenanya hasilnya akan seperti ini :

Oke lumayan gampang bukan? demikian panduan mengenai Bagaimana Cara Membuat Perkalian Penggunakan Keyup Pada jQuery. Hingga bertemu diartikel berikutnya dan hingga jumpa.

#KeepLearn

#IsmetMA

Sumber https://kursuswebsite.org