<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Ice Cream Corner</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var Pay = document.form2;
var vanillalate = 25000* eval(Pay.qvanilla.value);
var chocolatos = 22500 * eval(Pay.qchoco.value);
var fruitpunch = 17500 * eval(Pay.qfruit.value);
var coconuterz = 12000* eval(Pay.qcoconut.value);
var mixvooall = 32000 * eval(Pay.qmix.value);
var jumlahTotal = vanillalate + chocolatos + fruitpunch + coconuterz + mixvooall;
if (jumlahTotal > 75000){
Pay.Total.value = jumlahTotal;
Pay.Discount.value = 15000;
Pay.Must.value = jumlahTotal - eval(Pay.Discount.value);
} else {
Pay.Total.value = jumlahTotal;
Pay.Discount.value = 0;
Pay.Must.value = jumlahTotal - eval(Pay.Discount.value);
}
}
function resetForm(){
document.form2.reset();
}
//-->
</script>
<h3>Form Pemesanan Berbasis JavaScript</h3>
<form name="form2" action="#">
<table border="1px">
<tr>
<th>No</th>
<th>Menu</th>
<th>Pay</th>
<th>Order</th></tr>
<tr>
<td width="15">1</td>
<td width="200">vanilla late</td>
<td width="100">Rp. <input id="n123" type="text" name="o1" value="25000" size="n6" disabled="true"/></td>
<td width="110"><input type="text" name="qvanilla" size="n14" value="0" onChange="hitung()"/></td></tr>
<tr>
<td>2</td>
<td>chocolatos</td>
<td>Rp. <input type="text" name="02" value="22500" size="6" disabled="true"/></td>
<td><input type="text" name="qchoco" size="14" value="0" onChange="hitung()"/></td></tr>
<tr>
<td>3</td>
<td>fruit punch</td>
<td>Rp. <input type="text" name="03" value="17500" size="6" disabled="true"/></td>
<td><input type="text" name="qfruit" size="14" value="0" onChange="hitung()"/></td></tr>
<tr>
<td>4</td>
<td>coconuterz</td>
<td>Rp. <input type="text" name="04" value="12000" size="6" disabled="true"/></td>
<td><input type="text" name="qcoconut" size="14" value="0" onChange="hitung()"/></td></tr>
<tr>
<td>5</td>
<td>mix voo all</td>
<td>Rp. <input type="text" name="05" value="32000 " size="6" disabled="true"/></td>
<td><input type="text" name="qmix" size="14" value="0" onChange="hitung()"/></td></tr>
<tr>
<td colspan="3" align="right">Total</td>
<td>Rp.<input type="text" name="Total" size="10" disabled="true" /></td></tr>
<tr>
<td colspan="3" align="right">Discount</td>
<td>Rp.<input type="text" name="Discount" size="10" disabled="true" /></td></tr>
<tr>
<td colspan="3" align="right">You Must Pay</td>
<td>Rp.<input type="text" name="Must" disabled="true" size="10" align="right"/></td></tr>
</table><br/>
<input type="button" value="CANCEL" onClick="resetForm()" />
</form>
</body>
</html>
Tidak ada komentar:
Posting Komentar