+++++++++HTML+++++++++
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Praktikum 5</title>
<style type="text/css">
<!--
.style1 {font-family: "Trebuchet MS";
color:#000000;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<html><title></title>
function pemesanan(){
var nota = document.form2;
var hargaBakso = 7000 * eval(nota.hrgBakso.value);
var hargaSoto = 10000 * eval(nota.hrgSoto.value);
var hargaMie = 15000 * eval(nota.hrgMie.value);
var hargaDegan = 3500 * eval(nota.hrgDegan.value);
var hargaDoger = 4000 * eval(nota.hrgDoger.value);
var TotalHarga = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaDoger;
if (TotalHarga > 50000){
nota.Total.value = TotalHarga;
nota.Diskon.value = 10000;
nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
} else {
nota.Total.value = TotalHarga;
nota.Diskon.value = 0;
nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
}
}
function resetForm(){
document.form2.reset();
}
</script>
<H2 align="center"><span class="style1">Form Pemesanan berbasis java script </span></H2>
<div> </div><form name="form2" action="#">
<table border="1px" align="center" style="font-size:13px ;font-family:'Trebuchet MS'">
<tr>
<th bgcolor="#CCCCCC">No</th>
<th bgcolor="#CCCCCC">Makanan dan Minuman</th>
<th bgcolor="#CCCCCC">Harga</th>
<th bgcolor="#CCCCCC">Pesan</th>
</tr>
<tr>
<td width="20" bgcolor="#CCCCCC" align="center">1</td><td width="190"bgcolor="#CCCCCC">Bakso Bola Tenis</td>
<td width="100" bgcolor="#CCCCCC">Rp
<input type="text" name="bakso" value="8000" size="7" readonly="readonly" width="74px"/></td>
<td width="150" bgcolor="#CCCCCC"><input type="text" name="hrgBakso" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="#CCCCCC" align="center">2</td>
<td bgcolor="#CCCCCC">Soto Madura</td>
<td bgcolor="#CCCCCC">Rp
<input type="text" name="soto" value="10000" size="7" readonly="readonly" width="74px"/></td>
<td bgcolor="#CCCCCC"><input type="text" name="hrgSoto" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="#CCCCCC" align="center">3</td>
<td bgcolor="#CCCCCC">Mie Ayam Super Pake Telor</td>
<td bgcolor="#CCCCCC">Rp
<input type="text" name="mie" value="12000" size="7" readonly="readonly" width="74px"/></td>
<td bgcolor="#CCCCCC"><input type="text" name="hrgMie" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="#CCCCCC" align="center">4</td>
<td bgcolor="#CCCCCC">Es Degan</td>
<td bgcolor="#CCCCCC">RP
<input type="text" name="degan" value="3000" size="7" readonly="readonly" width="74px"/></td>
<td bgcolor="#CCCCCC"><input type="text" name="hrgDegan" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="#CCCCCC" align="center">5</td>
<td bgcolor="#CCCCCC">Es Doger</td>
<td bgcolor="#CCCCCC">Rp
<input type="text" name="campur" value="4000" size="7" readonly="readonly" width="74px"/></td>
<td bgcolor="#CCCCCC"><input type="text" name="hrgDoger" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr bgcolor="#66FFFF">
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="Total" readonly="readonly" /></td>
</tr>
<tr bgcolor="#66FFFF">
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="Diskon" readonly="readonly"/></td>
</tr>
<tr bgcolor="#66FFFF">
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="Bayar" readonly="readonly" align="right"/></td>
</tr>
</table>
<br/>
<h6 align="center"><input type="button" value="Bersih" onClick="resetForm()" /> </h6>
</form>
<div style="font-size:10px; font-family:'Trebuchet MS'; color:#0099CC">By M. Iqbal Arrikza</div>
</body>
</html></em>
</body>
</html>
Komentar ini telah dihapus oleh pengarang.
BalasHapus