Penampakan ScreenShoot program:
Coding:
<html>
<head>
<title>program html</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var nt = document.form;
var mie = 1500 * parseInt(nt.jmlmie.value);
nt.mie.value = mie;
var bakso = 7000 * parseInt(nt.jmlbakso.value);
nt.bakso.value = bakso;
var soto = 7000 * parseInt(nt.jmlsoto.value);
nt.soto.value = soto;
var jus = 3000 * parseInt(nt.jmljus.value);
nt.Esjus.value = jus;
var jeruk = 2500 * parseInt(nt.jmlJeruk.value);
nt.EsJeruk.value = jeruk;
var apokat = 1500 * parseInt(nt.jmlapokat.value);
nt.Esapokat.value = apokat;
var tb = mie + bakso + soto + jus + jeruk + apokat;
nt.Total.value = tb;
}
function resetForm(){
document.form.reset();
}
//-->
</script>
<h3>Selamat Datang di Warung Lesehan Kami</h3><br><hr></br>
<form name="form" action="#">
<table border="1">
<caption align="center">DAFTAR HARGA</caption>
<tr>
<th>No</th>
<th>Nama Makanan</th>
<th>Harga</th>
<th>Jumlah</th>
<th>Sub Total</th>
</tr>
<tr>
<td>1</td>
<td>mie</td>
<td>Rp. <input type="text" name="hrgmie" value="1500" size="6" disabled="true"/></td>
<td><input type="text" name="jmlmie" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="mie" value="0"</td>
</tr>
<tr>
<td>2</td>
<td>bakso</td>
<td>Rp. <input type="text" name="hrgbakso" value="7000" size="6" disabled="true"/></td>
<td><input type="text" name="jmlbakso" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="bakso" value="0"</td>
</tr>
<tr>
<td>3</td>
<td>soto</td>
<td>Rp. <input type="text" name="hrgsoto" value="7000" size="6" disabled="true"/></td>
<td><input type="text" name="jmlsoto" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="soto" value="0"</td>
</tr>
<tr>
<td>4</td>
<td>Es jus</td>
<td>Rp. <input type="text" name="hrgjus" value="3000" size="6" disabled="true"/></td>
<td><input type="text" name="jmljus" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="Esjus" value="0"</td>
</tr>
<tr>
<td>5</td>
<td>Es Jeruk</td>
<td>Rp. <input type="text" name="hrgJeruk" value="2500" size="6" disabled="true"/></td>
<td><input type="text" name="jmlJeruk" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="EsJeruk" value="0"</td>
</tr>
<tr>
<td>6</td>
<td>Es apokat</td>
<td>Rp. <input type="text" name="hrgapokat" value="1500" size="6" disabled="true"/></td>
<td><input type="text" name="jmlapokat" value="0" size="6" onClick="hitung()"/></td>
<td><input type="text" name="Esapokat" value="0"</td>
</tr>
<tr>
<td><input type="button" name="HITUNG" value="Hitung" onClick="hitung()"/></td>
<td><input type="button" name="CLEAR" value="Reset" onClick="resetForm()" />
<td colspan="2">Jumlah Total</td>
<td><input type="text" name="Total" disabled="true"/></td>
</tr>
</table><br/>
</form>
</body>
</html>
*program di buat dengan menggunakan Macromedia Dreamweaver 8
0 komentar:
Posting Komentar