Tugas Praktikum Modul 5
Diposting oleh
Rastra Permana
| Sabtu, 05 Maret 2011 at 00.29
Labels :
PTI479
Tampilan Halaman Web :
Aplikasi Pemesanan Makanan dan Minuman
Berikut Source Code dalam pembuatan Tampilan Web seperti diatas
Silakan Anda mencoba menggunakan aplikasi diatas, caranya klik disini . . . .
Aplikasi Pemesanan Makanan dan Minuman
Berikut Source Code dalam pembuatan Tampilan Web seperti diatas
<!--
Created By Rastra Feryd Permana
109533423226
S1 Pendidikan Teknik Informatika 2009
-->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="burger.png">
<title>Form Pemesanan Kantin Pujasera</title>
<script language="JavaScript" type="text/javascript">
function reset(){
var elemen = document.pemesanan;
elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}
function diskon(){
var total = parseInt(document.pemesanan.total.value);
var diskon = 0;
if(total >= 100000){
diskon = 15000;
}
else if(total >= 50000){
diskon = 10000;
}
else if(total >= 25000){
diskon = 5000;
}
document.pemesanan.diskon.value = diskon;
}
function totalHarga(){
var harga;
var pesanan;
var total = 0;
for(i = 0; i < 10; i += 2){
harga = parseInt(document.pemesanan[i].value);
pesanan = parseInt(document.pemesanan[i + 1].value);
if(pesanan > 0){
total = total + (harga * pesanan);
}
document.pemesanan.total.value = total;
}
}
function jumlahBayar(){
var total = parseInt(document.pemesanan.total.value);
var diskon = parseInt(document.pemesanan.diskon.value);
var bayar = total - diskon;
document.pemesanan.bayar.value = bayar;
}
function proses(){
totalHarga();
diskon();
jumlahBayar();
}
</script>
</head>
<body bgcolor="#FFFF00">
<div class="title">
<center>
<h2>..: Kantin PUJASERA Berbasis JavaScript :..</h2>
</center>
<h3>Silakan memilih menu :</h3>
</div>
<br>
<form name="pemesanan" action="#">
<table border="1" cellspacing="0">
<tr bgcolor="red">
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
<th>Pelanggan Setia Pujasera </th>
</tr>
<tr bgcolor="#00FF33">
<td>1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()"/></td>
<td><input type="text" name="pesan1" onchange="proses()"/></td>
<td rowspan="8"><img width="300" height="298" src="pujas.jpg"></td>
</tr>
<tr bgcolor="#00FF33">
<td>2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()"/></td>
<td><input type="text" name="pesan2" onchange="proses()"/></td>
</tr>
<tr bgcolor="#00FF33">
<td>3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()"/></td>
<td><input type="text" name="pesan3" onchange="proses()"/></td>
</tr>
<tr bgcolor="#00FF33">
<td>4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()"/></td>
<td><input type="text" name="pesan4" onchange="proses()"/></td>
</tr>
<tr bgcolor="#00FF33">
<td>5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()"/></td>
<td><input type="text" name="pesan5" onchange="proses()"/></td>
</tr>
<tr bgcolor="#33FFFF">
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="total" readonly /></td>
</tr>
<tr bgcolor="#33FFFF">
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="diskon" readonly /></td>
</tr>
<tr bgcolor="#33FFFF">
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="bayar" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="Batal" value="Batal" onclick="reset()"/>
</form>
<br>
<strong><i> Created By Rastra Feryd Permana © Maret 2011</i> </strong>
</body>
</html>Silakan Anda mencoba menggunakan aplikasi diatas, caranya klik disini . . . .
