Setelah sebelumnya kita belajar tentang membuat aplikasi kalkulator sederhana dengan javascript. sekarang kita akan Membuat Aplikasi Form Pemesanan Makanan dan Minuman dengan JavaScript. Pertama kita harus mengopykan kode-kode dibawah ini pada worksheet yang kita pakai, seperti notepad.exe. dibawah ini adalah kode yang harus dicopykan :
pada kode diatas merupakan kode javascript yang harus disimpan dengan tipe .js, pada kode ini harus dipisahkan dengan kode yang bertipe .html
selanjutnya copykan kode yang bertipe .html pada worksheet yang sedang kita gunakan. adapun kode dapat dicopy dibawah ini
setelah semua berhasil docpykan, jalankan file javascript yang telah dikerjakan tadi. dan hasilnya adalah seperti pada gambar dibawah ini
Adapun spesifikasi pemesanan adalah sebagai berikut :
- Field Harga, jumlah total, diskon, dan jumlah bayar bersifat read only atau hanya bisa dibaca . Karena itu kita perlu mendisable properti elemen-elemen field-field tersebut.
- Jika pesan diisi, maka field Jumlah Total, Diskon, Jumlah Bayar secara otomatis akan menghitung totalnya. dengan ini kita memberikan even handler onChange pada field-field pesan, dimana fungsi dipanggil ketika teks dalam elemen berubah.
- Jumlah Total = Σ(Harga * Pesan)
- Jumlah Bayar = Jumlah Total – Diskon
- Jika pembelian lebih dari 50000, maka field diskon secara otomatis akan berisi nilai diskon sebesar 10000 (tidak berlaku kelipatannya) dan otomatis field jumlah bayar akan berkurang. Dengan ini kita memberikan event handler onChange di field-field Pesan, dan pada perhitungan Jumlah Bayar kita beri pernyataan bersyarat if-else.
1 komentar:
eval itu apa ya bro? kok saya udah masuk jumlah ga keluar jumlah Total, Diskon, Jumlah bayarnya ya ? minta penjelasan ny ya mas. terima kasih
Posting Komentar