tugas praktikum form pemesanan modul 5

1. script html

< !DOCTYPE html >
< html lang="en" >
< html >
< head >
< title > Form Pemesanan < /title >
< /head >
< body >
< script language="JavaScript" type="text/javascript" >
< !--
function itung(){
var tagihan = document.pesan;
var hrgbakso = 12000 * tagihan.harga1.value;
var hrgsoto = 10000 * tagihan.harga2.value;
var hrgmie = 15000 * tagihan.harga3.value;
var hrgdegan = 5000 * tagihan.harga4.value;
var hrgcampur = 7000 * tagihan.harga5.value;
var jumtotal = hrgbakso + hrgsoto + hrgmie + hrgdegan + hrgcampur;
if (jumtotal > 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 20/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else if (jumtotal > 50000 && jumtotal < 100000){
tagihan.total.value = jumtotal;
tagihan.diskon.value = 10/100*jumtotal;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
else {
tagihan.total.value = jumtotal;
tagihan.diskon.value = 0;
tagihan.bayar.value = jumtotal - (tagihan.diskon.value);}
}
function del(){
document.pesan.reset();}
//-- >
< /script >
< h3 > Form Pemesanan Berbasis JavaScript < /h3 >
< form name="pesan" action="#" >
< table border="2px" >
< tr bgcolor="white" >
< th > No < /th >
< th > Makanan/Minuman < /th >
< th > Harga < /th >
< th > Pesan < /th >
< /tr >
< tr >
< td width="15px" > 1 < /td >
< td width="150px" > Bakso Istimewa < /td >
< td width="90px" > @ < input type="text" name="bakso" value="12000" size="6" readonly > < /td >
< td width="100px" > < input type="text" name="harga1" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 2 < /td >
< td > Soto Spesial < /td >
< td > @ < input type="text" name="soto" value="10000" size="6" readonly > < /td >
< td > < input type="text" name="harga2" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 3 < /td >
< td > Mie Ayam Super < /td >
< td > @ < input type="text" name="mie" value="15000" size="6" readonly > < /td >
< td > < input type="text" name="harga3" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 4 < /td >
< td > Es Degan < /td >
< td > @ < input type="text" name="degan" value="5000" size="6" readonly > < /td >
< td > < input type="text" name="harga4" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr >
< td > 5 < /td >
< td > Es Campur < /td >
< td > @ < input type="text" name="campur" value="7000" size="6" readonly > < /td >
< td > < input type="text" name="harga5" value="0" onChange="itung()"/ > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Total < /td >
< td > < input type="text" name="total" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Diskon < /td >
< td > < input type="text" name="diskon" readonly > < /td >
< /tr >
< tr bgcolor="white" >
< td colspan="3" align="right" > Jumlah Dibayar < /td >
< td > < input type="text" name="bayar" readonly align="right"/ > < /td >
< /tr >
< /table > < br/ >
< input type="button" value="BATAL" onClick="del()" / >
< /form >
< /body >
< /html >

2. printscreen

a. saat perhitungan



b. setelah di reset