Cara Membuat Perkalian Penggunakan Keyup Pada jQuery

Hai, balik lagi ditutorial pemrograman Dumet School, kali ini saya akan menjelaskan tentang Bagaimana Cara Membuat Perkalian Penggunakan Keyup Pada jQuery, istilah keyup disini ialah keyup berarti event saat tombol keyboard dalam posisi up (selesai ditekan/terangkat) jadi idenya akan seperti ini ketika user telah mengetikan sebuah angka pada form inputan maka angka tersebut akan otomatis dikalikan oleh sistem,

nah sistem 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 dalam bentuk 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);
		} ) ;

Jika sudah disave dan jalankan, jika berhasil maka hasilnya akan seperti ini :

Oke cukup mudah bukan? sekian tutorial tentang Bagaimana Cara Membuat Perkalian Penggunakan Keyup Pada jQuery. Sampai bertemu diartikel selanjutnya dan sampai jumpa.

#KeepLearn

#IsmetMA