Pages

Membuat Form Pemesanan dengan Javascript

Ini merupakan lanjutan dari postingan saya yang sebelumnya. Kali ini kita akan membuat form pemesanan makanan dengan javascript. Ini adalah screenshotnya (klik gmbr untuk memperbesar)

Kolom harga bersifat read only,jadi nilainya tetap dan tidak akan bisa di edit nilainya.
Sedangkan kolom Pesan bisa berubah sesuai dengan jumlah makanan yang kita pesan. Setelah itu harga yang harus di bayar akan tampil di baris paling bawah. Harga tersebut sudah dikuranngi dengan diskon Rp5000. Dan jika ingin membatalkan pesanan kita dapat menekan tombol "reset". Inilah adalah script dari tombol reset

function resetForm()
{
document.form2.reset();
}

Dan ini adalah script yang ditulis di antara tag <script>...</script> yg merupakan ciri khas dari javascript

function hitungPesan()
{
var nota = document.form2;
var hargaBakso = 12000 * eval(nota.qBakso.value);
var hargaSoto = 10000 * eval(nota.qSoto.value);
var hargaMie = 15000 * eval(nota.qMie.value);
var hargaDegan = 5000 * eval(nota.qDegan.value);
var hargaCampur = 7000 * eval(nota.qCampur.value);
var jumlahTotal = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur;
if (jumlahTotal > 50000)
{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 10000;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
else
{
nota.Total.value = jumlahTotal;
nota.Diskon.value = 0;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
}
function resetForm()
{
document.form2.reset();
}

btemplates

0 komentar:

Posting Komentar