You are on page 1of 5

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

SHELLY NURAZIZAH
209533421949
PTI 09 C

UNIVERSITAS NEGERI MALANG


FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI PEND. TEKNIK INFORMATIKA
Maret , 2011
1. Membuat form menu makanan

Syntax dari screen shoot diatas :

</br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<title>..menu menu..</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitungPesan(){
var myForm = document.form1;
var krabby_patty = 12500 * eval(myForm.menu1.value);
var krabby_potatos = 10000 * eval(myForm.menu2.value);
var mie_spongee = 11500 * eval(myForm.menu3.value);
var jus_squid= 8000 * eval(myForm.menu4.value);
var lemon_bob = 8000 * eval(myForm.menu5.value);
var snek = 5000 * eval (myForm.menu6.value);
var hasil = krabby_patty + krabby_potatos + mie_spongee + jus_squid+
lemon_bob+ snek;
if (hasil > 50000){
myForm.Total.value = hasil;
myForm.Diskon.value = 10000;
myForm.Bayar.value = hasil - 10000;
} else {
myForm.Total.value = hasil;
myForm.Diskon.value = 0;
myForm.Bayar.value = hasil - 0;
}

myForm.bayar1.value=krabby_patty;
myForm.bayar2.value=krabby_potatos;
myForm.bayar3.value=mie_spongee;
myForm.bayar4.value=jus_squid;
myForm.bayar5.value=lemon_bob;
myForm.bayar6.value=snek;
}

//-->
</script>
<center><h1><font color="violet" face="monotype corsiva">..- KRABBY
PATTIES -..</font></h1></center>
<table border="0" cellpadding="2">
<center><h1><font color="violet" face="monotype corsiva">Menu Makanan dan
Minuman</font></h1></center>
<table border="0" cellpadding="2">

<form name="form1" action="#">


<table border="7" align="center" cellspacing=0 cellpadding=5><tr>
<th>No</th>
<th>Makanan/Minuman</th>
<th>Harga</th>
<th>Pesan</th>
<th>Total</th>

</tr>
<tr>
<td width="15">1</td>
<td width="200">Krabby Patty Istimewa</td>
<td width="150">@<input type="text" name="krabby_patty" value="12500"
size="15" disabled="true"/></td>
<td width="150"><input type="text" name="menu1" value="0"
onChange="hitungPesan()"/></td>
<td width="150" align="right"><input type="text" name="bayar1"
disabled="true"/></td>
</tr>
<tr>
<td>2</td>
<td>Krabby Potatos Spesial</td>
<td>@<input type="text" name="krabby_potatos" value="10000" size="15"
disabled="true"/></td>
<td><input type="text" name="menu2" value="0"
onChange="hitungPesan()"/></td>
<td><input type="text" name="bayar2" disabled="true"/></td>
</tr>
<tr>
<td>3</td>
<td>Mie Spongee Super</td>
<td>@<input type="text" name="mie_spongee" value="11500" size="15"
disabled="true"/></td>
<td><input type="text" name="menu3" value="0"
onChange="hitungPesan()"/></td>
<td><input type="text" name="bayar3" disabled="true"/></td>
</tr>
<tr>
<td>4</td>
<td>Juice Squidy</td>
<td>@<input type="text" name="jus_squid" value="8000" size="15"
disabled="true"/></td>
<td><input type="text" name="menu4" value="0"
onChange="hitungPesan()"/></td>
<td><input type="text" name="bayar4" disabled="true"/></td>
</tr>
<tr>
<td>5</td>
<td>Ice Lemon Bob</td>
<td>@<input type="text" name="lemon_bob" value="8000" size="15"
disabled="true"/></td>
<td><input type="text" name="menu5" value="0"
onChange="hitungPesan()"/></td>
<td><input type="text" name="bayar5" disabled="true"/></td>
</tr>
<tr>
<td>6</td>
<td>Snek Bikini Bottom</td>
<td>@<input type="text" name="snek" value="5000" size="15"
disabled="true"/></td>
<td><input type="text" name="menu6" value="0"
onChange="hitungPesan()"/></td>
<td><input type="text" name="bayar6" disabled="true"/></td>
</tr>
<tr>
<td colspan="4" align="right">Jumlah Total</td>
<td><input type="text" name="Total" disabled="true" /></td>
</tr>
<tr>
<td colspan="4" align="right">Diskon</td>
<td><input type="text" name="Diskon" disabled="true" /></td>
</tr>
<tr>
<td colspan="4" align="right">Jumlah Dibayar</td>
<td><input type="text" name="Bayar" disabled="true" align="right"/></td>
</tr>
</table><br/>

<ul><center> <input type="reset" value="Cancel"/> </center></ul>

</form>
<br>
<br>
<strong>
<marquee behavior="scroll" direction="right"><font color="violet"
face=”bobsmade” size="25" align="left">terima kasih atas kunjungan
anda</font></marquee>

</body>
</html>

TERIMA KASIH DAN SELAMAT BERKREASI.. ^_^

You might also like