Senin, Maret 8

Membuat Form Pemesanan Berbasis Java Script

Setelah kemarin kita belajar membuat kalkulator sederhana, pada tutorial kali ini kita akan membuat sebuah aplikasi form pemesanan berbasis java script, berikut adalah aplikasi yang akan dibuat:













































No Makanan/Minuman Harga Pesan
1 Bakso Istimewa @
2 Soto Spesial @
3 Mie Ayam Super @
4 Es Degan @
5 Es Campur @
Jumlah Total
Diskon
Jumlah Dibayar




Aturan Pemesanan :
  • Field Harga, Jumlah Total, Diskon, dan Jumlah Bayar bersifat read-only atau hanya bisa dibaca. Karena itu kita perlu men-disable properti elemen field-field tersebut
  • Jika pesan diisi, maka field Jumlah Total, Diskon, Jumlah Bayar secara otomatis akan menghitung totalnya. Dengan ini kita memberikan event handler onChange di field-field Pesan, dimana fungsi dipanggil ketika teks dalam elemen berubah.
o Jumlah Total = Σ(Harga * Pesan)
o 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.
Berikut adalah source code untuk java script-nya:
---------start here--------

----------end here--------


Sedangkan untuk source HTML-nya seperti berikut:
---------start here--------

----------end here--------

3 comments:

Vicky mengatakan...

script nya ga jalan tuch gan....

Jack David mengatakan...

BLOGER ANCUUUUUUUUUUUUUUUUUUUUUUUUUUUR...ALIAS JELEK BGT,,WKWKWK

Sinka Juliani mengatakan...

wow Thanks your Information and visit my blog
tutorial bloggertrik
Stafa mp3

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More