> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html><head><title>kafe jelek</title></head><body> <br /><script language="JavaScript" type="text/javascript"><!-- <br />function hitungPesan() <br />{var nota = document.form2; <br />var hargaBakso = 6000 * eval(nota.qBakso.value); <br />var hargaSoto = 10000 * eval(nota.qSoto.value); <br />var hargaMie = 4000 * eval(nota.qMie.value); <br />var hargaDegan = 5000 * eval(nota.qDegan.value); <br />var hargaCampur = 7000 * eval(nota.qCampur.value); <br />var jumlahTotal = hargaBakso + hargaSoto + <br />hargaMie + hargaDegan + hargaCampur; <br />if (jumlahTotal > 32000) <br />{ nota.Total.value = jumlahTotal; <br /> nota.Diskon.value = 5000; <br /> nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value); <br /> } else { <br /> nota.Total.value = jumlahTotal; <br /> nota.Diskon.value = 0; <br /> nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value); <br /> } <br /> } <br /> function resetForm(){ <br /> document.form2.reset(); <br /> } <br /> //--> <br /> </script> <br /><h3 style=" color: green" >Form Pemesanan Kafe "I tea"</h3> <br /><form name="form2" action="#"> <br /><table border="1px"> <br /><tr bgcolor="yellow"> <br /><th>No</th> <br /><th>Makanan/Minuman</th> <br /><th>Harga</th> <br /><th>Pesan</th></tr> <br /><tr bgcolor="orange"> <br /><td>1</td> <br /><td width="200px">Bakso kerikil</td> <br /><td width="85px" bgcolor="#ffa500">@ <input <br />type="text" name="bakso" value="6000" size="6" <br />disabled="true"/></td> <br /><td width="150px"><input <br />type="text" name="qBakso" value="0" onChange="hitungPesan()" /></td> <br /></tr > <br /><tr bgcolor="orange"> <br /><td>2</td> <br /><td>Soto lamongan</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="soto" value="10000" size="6" disabled="true"/></td> <br /><td><input type="text" name="qSoto" value="0" <br />onChange="hitungPesan()"/></td> <br /></tr> <br /><tr bgcolor="orange"> <br /><td>3</td> <br /><td>Mie Ayam kribo</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="mie" value="4000" size="6" disabled="true"/></td> <br /><td><input type="text" name="qMie" value="0" <br />onChange="hitungPesan()"/></td> <br /></tr> <br /><tr bgcolor="orange"> <br /><td>4</td> <br /><td>Es adem ayem</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="degan" value="5000" size="6" disabled="true"/></td> <br /> <td><input type="text" name="qDegan" value="0" <br /> onChange="hitungPesan()"/></td> <br /> </tr> <br /> <tr bgcolor="orange"> <br /> <td>5</td> <br /><td>Es Campur</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="campur" value="7000" size="6" disabled="true"/></td> <br /> <td><input type="text" name="qCampur" value="0" <br /> onChange="hitungPesan()"/></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center"> <br /> Jumlah Total</td> <br /> <td><input type="text" name="Total" <br /> disabled="true" /></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center">Diskon</td> <br /> <td><input type="text" name="Diskon" <br /> disabled="true" /></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center">Pembayaran</td> <br /> <td><input type="text" name="Bayar" disabled="true" <br /> align="right"/></td> <br /> </tr> <br /> </table><br/> <br /> <input type="button" value="BATAL" onClick="resetForm()" /> <br /> </form> <br /> </body> <br /> </html> <br />
0 comments to “belajar membuat form pemesanan dengan java script”
0 comments to “belajar membuat form pemesanan dengan java script”