Ketika Hidup Menjadi Hidup
Mung Mampir Ngombe
Selamat Datang--Welcome--Wellcommen--Ahlan Wasahlan--Sugeng Rawuh
Form Pemesanan dengan Java Script
Rabu, 10 Maret 2010
Diposting oleh
Andhika Aratida P.
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /> <br /><html> <br /> <br /><head> <br /> <br /><title>Warung Super</title> <br /> <br /></head> <br /> <br /><body> <br /> <br /><!--Letakkan Listing Code JavaScript disini--> <br /><script language="JavaScript" type="text/javascript"> <br /> <br /><!-- <br /> <br />function hitungPesan(){ <br /> <br />var nota = document.form2; <br /> <br />var hargaBakso = 12000 * eval(nota.qBakso.value); <br /> <br />var hargaSoto = 10000 * eval(nota.qSoto.value); <br /> <br />var hargaMie = 15000 * eval(nota.qMie.value); <br /> <br />var hargaDegan = 5000 * eval(nota.qDegan.value); <br /> <br />var hargaCampur = 7000 * eval(nota.qCampur.value); <br /> <br />var jumlahTotal = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur; <br /> <br />if (jumlahTotal > 50000){ <br /> <br /> nota.Total.value = jumlahTotal; <br /> <br /> nota.Diskon.value = 10000; <br /> <br /> nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value); <br /> <br /> } else { <br /> <br /> nota.Total.value = jumlahTotal; <br /> <br /> nota.Diskon.value = 0; <br /> <br /> nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value); <br /> <br /> } <br /> <br />} <br /> <br />function resetForm(){ <br /> <br />document.form2.reset(); <br /> <br />} <br /> <br />//--> <br /> <br /></script> <br /> <br /><h3>Form Pemesanan Berbasis JavaScript</h3> <br /> <br /><form name="form2" action="#"> <br /> <br /><table border="1px"> <br /> <br /><tr> <br /> <br /> <th>No</th> <br /> <br /> <th>Makanan/Minuman</th> <br /> <br /> <th>Harga</th> <br /> <br /> <th>Pesan</th> <br /> <br /></tr> <br /> <br /><tr> <br /> <br /> <td width="15px">1</td> <br /> <br /> <td width="200px">Bakso Istimewa</td> <br /> <br /> <td width="85px" bgcolor="">@ <input type="text" name="bakso" value="12000" size="6" disabled="true"/></td> <br /> <br /> <td width="150px"><input type="text" name="qBakso" value="0" onChange="hitungPesan()"/></td> <br /> <br /></tr> <br /> <br /><tr> <br /> <br /> <td>2</td> <br /> <br /> <td>Soto Spesial</td> <br /> <br /> <td bgcolor="">@ <input type="text" name="soto" value="10000" size="6" disabled="true"/></td> <br /> <br /> <td><input type="text" name="qSoto" value="0" onChange="hitungPesan()"/></td> <br /> <br /></tr> <br /> <br /><tr> <br /> <br /> <td>3</td> <br /> <br /> <td>Mie Ayam Super</td> <br /> <br /> <td bgcolor="">@ <input type="text" name="mie" value="15000" size="6" disabled="true"/></td> <br /> <br /> <td><input type="text" name="qMie" value="0" onChange="hitungPesan()"/></td> <br /> <br /></tr> <br /> <br /><tr> <br /> <br /> <td>4</td> <br /> <br /> <td>Es Degan</td> <br /> <br /> <td bgcolor="">@ <input type="text" name="degan" value="7000" size="6" disabled="true"/></td> <br /> <br /> <td><input type="text" name="qDegan" value="0" onChange="hitungPesan()"/></td> <br /> <br /></tr> <br /> <br /><tr> <br /> <br /> <td>5</td> <br /> <br /> <td>Es Campur</td> <br /> <br /> <td bgcolor="">@ <input type="text" name="campur" value="7000" size="6" disabled="true"/></td> <br /> <br /> <td><input type="text" name="qCampur" value="0" onChange="hitungPesan()"/></td> <br /> <br /></tr> <br /> <br /><tr bgcolor=""> <br /> <br /> <td colspan="3" align="right">Jumlah Total</td> <br /> <br /> <td><input type="text" name="Total" disabled="true" /></td> <br /> <br /></tr> <br /> <br /><tr bgcolor=""> <br /> <br /> <td colspan="3" align="right">Diskon</td> <br /> <br /> <td><input type="text" name="Diskon" disabled="true" /></td> <br /> <br /></tr> <br /> <br /><tr bgcolor=""> <br /> <br /> <td colspan="3" align="right">Jumlah Dibayar</td> <br /> <br /> <td><input type="text" name="Bayar" disabled="true" align="right"/></td> <br /> <br /></tr> <br /> <br /></table><br/> <br /> <br /><input type="button" value="BATAL" onClick="resetForm()" /> <br /> <br /></form> <br /> <br /></body> <br /> <br /></html> <br />
PTI 478
0 komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Kode HTML
:-)
Subscribe To
Postingan
Atom
Postingan
Komentar
Atom
Komentar
Followers
Blog Archive
Blog Archive
Februari (3)
Maret (5)
Tempat Ngobrol
Label
E-Blog
(1)
PTI 478
(7)
Daftar Link
Fina
Listyanti Dewi
Ria Anisaa
Rinda
Wahyu
KALENDER
Andhika's
Andhika Cool
Create Your Badge
Postingan
Komentar
Postingan
Komentar
0 komentar:
Posting Komentar