Pages

Rabu, 09 Maret 2011

praktikum modul 5 nota

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">&#64; 
    <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">&#64; 
      <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">&#64; 
      <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">&#64; 
      <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">&#64; 
    <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>

Diposting oleh FraNsiSka di 04.24
Label:

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)