By: admin HTML

Cara Membuat Uang Kembali otomatis dengan JQuery

Cara Membuat Uang Kembali otomatis dengan JQuery– Pertemuan kali ini saya akan berbagi tutorial sederhana tentang jQuery yaitu Cara Membuat Uang Kembali otomatis dengan JQuery, tentu dengan jQuery banyak sekali yang bisa kita lakukan selain membuat efek dan animasi kita juga bisa manipulasi data. Seperti yang akan saya buat berikut ini yaitu melakukan proses perhitungan secara otomatis, penasaran seperti apa dan bagaimana cara membuatnya ? ikuti langkah – langkahnya berikut ini.

1. Membuat file index.html

Baik, langkah pertama adalah membuat file html terlebih dahulu dan membuat beberapa form inputan untuk nilai – nilai yang akan nanti akan diinputkan. Silahkan kalian bisa mengetikan kodenya berikut ini. Pada kasus ini saya membuatnya dengan framework Bootstrap.

2. Membuat Proses Perhitungan

Setelah membuat form inputan, langkah selanjutnya adalah membuat proses perhitungan dengan jQuery, dimana kita akan memanfaatkan fungsi keyup yang akan diberikan kepada inputannya. Silahkan kalian ketikan kode jQuery berikut ini.

 

Setelah semua kode diatas telah diketikan, selanjutnya simpan kembali filenya kemudian silahkan buka dibrowser masing – masing. Maka proses perhitungan akan dijalankan ketika form input pertama (harga) dan inputan kedua (jumlah_bayar) diisi maka inputan ketiga (uang_sisa) akan secara otomatis menampilkan hasil perhitungan dari inputan pertama dan kedua.

Leave a Reply

Your email address will not be published. Required fields are marked *