Gambar dengan diskon
gambar tanpa diskon
Source Code:
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Praktikum 5</title> </head>
<body> <html> <title></title> <script language="JavaScript" type="text/javascript"> function pemesanan(){ var nota = document.form2; var hargaBakso = 12000 * eval(nota.hrgBakso.value); var hargaSoto = 10000 * eval(nota.hrgSoto.value); var hargaMie = 15000 * eval(nota.hrgMie.value); var hargaDegan = 5000 * eval(nota.hrgDegan.value); var hargaCampur = 7000 * eval(nota.hrgCampur.value); var TotalHarga = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur; 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>Form Pemesanan Makan dan Minum</H2> <form name="form2" action="#"> <table border="1px" cellpadding="1" cellspacing="0" bordercolor="#996666"> <tr> <th height="37" bgcolor="#009900">No</th> <th bgcolor="#009900">Makanan/Minuman</th> <th bgcolor="#009900">Harga</th> <th bgcolor="#009900">Pesan</th>
</tr> <tr> <td width="32" bgcolor="#009900"><div align="center">1</div></td> <td width="183"bgcolor="#009900">Bakso Istimewa</td> <td width="124" bgcolor="#009900"> <div align="center">@ <input type="text" name="bakso" value="12000" size="10" readonly="readonly"/> </div></td> <td width="116" bgcolor="#009900"><div align="center"> <input name="hrgBakso" type="text" onFocus="this.select()" onChange="pemesanan()" value="0" size="15"/>
</div></td> </tr> <tr> <td bgcolor="#009900"><div align="center">2</div></td> <td bgcolor="#009900">Soto Spesial</td> <td bgcolor="#009900"> <div align="center">@ <input type="text" name="soto" value="10000" size="10" readonly="readonly"/> </div></td> <td bgcolor="#009900"><div align="center">
<input name="hrgSoto" type="text" onFocus="this.select()" onChange="pemesanan()" value="0" size="15"/> </div></td> </tr> <tr> <td bgcolor="#009900"><div align="center">3</div></td> <td bgcolor="#009900">Mie Ayam Super</td> <td bgcolor="#009900"> <div align="center">@ <input type="text" name="mie" value="15000" size="10" readonly="readonly"/> </div></td>
<td bgcolor="#009900"><div align="center"> <input name="hrgMie" type="text" onFocus="this.select()" onChange="pemesanan()" value="0" size="15"/> </div></td> </tr> <tr> <td bgcolor="#009900"><div align="center">4</div></td> <td bgcolor="#009900">Es Degan</td> <td bgcolor="#009900"> <div align="center">@ <input type="text" name="degan" value="7000" size="10" readonly="readonly"/>
</div></td> <td bgcolor="#009900"><div align="center"> <input name="hrgDegan" type="text" onFocus="this.select()" onChange="pemesanan()" value="0" size="15"/> </div></td> </tr> <tr> <td bgcolor="#009900"><div align="center">5</div></td> <td bgcolor="#009900">Es Campur</td> <td bgcolor="#009900"> <div align="center">@ <input type="text" name="campur" value="7000" size="10" readonly="readonly"/>
</div></td> <td bgcolor="#009900"><div align="center"> <input name="hrgCampur" type="text" onFocus="this.select()" onChange="pemesanan()" value="0" size="15"/> </div></td> </tr> <tr bgcolor="#ff00ff"> <td colspan="3" align="right" bgcolor="#009900">Jumlah Total</td> <td bgcolor="#009900"><div align="center"> <input name="Total" type="text" size="15" readonly="readonly" />
</div></td> </tr> <tr bgcolor="#ff00ff"> <td colspan="3" align="right" bgcolor="#009900">Diskon</td> <td bgcolor="#009900"><div align="center"> <input name="Diskon" type="text" size="15" readonly="readonly"/> </div></td> </tr> <tr bgcolor="#ff00ff"> <td colspan="3" align="right" bgcolor="#009900">Jumlah Dibayar</td>
<td bgcolor="#009900"><div align="center"> <input name="Bayar" type="text" size="15" readonly="readonly" align="right"/> </div></td> </tr> </table> <br/> <input type="button" value="Batal" onClick="resetForm()" /> </form> </body> </html></em> </body> </html>
Tidak ada komentar:
Posting Komentar