Cara Membuat Daftar Menu Makanan/Minuman Dalam Format HTML
Cara Membuat Daftar Menu Warung Sederhana Versi HTML
Berikut merupakan tampilan daftar Form yang akan kita buat.
Langkah pertama siapakn notepade /notepade ++ . dan copy'kan scrift berwarna merah berikut pada notepad dan simpan dengan nama sesuai keinginan anada...contoh saya latihan.html
<html>
</head>
<title> Daftar Menu Anak Kos</title>
<script language="javascript">
function Hit()
{
a=document.DATA.kode.value;
if(a=="PHO1")
{
b="Nasi + Telor";
h="4000";
}
else
if(a=="PH02")
{
b="Nasi 4T";
h="6000";
}
else
if(a=="PH03")
{
b="INDOMI";
h="3000";
}
else
if(a=="PH04")
{
b="INDOMI TELOR";
h="5000";
}
else
if(a=="PH05")
{
b="INOMI NASI";
h="5000";
}
else
if(a=="PH06")
{
b="MIE TELOR NASI";
h="6000";
}
document.DATA.n_menu.value=b;
document.DATA.harga.value=h;
h = parseInt(document.DATA.harga.value);
j = parseInt(document.DATA.jumlah.value);
c = h*j;
document.DATA.bayar.value=c;
}
</script>
</head>
<body>
<h2> DAFTAR MENU MAKANAN WARUNG </h2>
<form name="DATA">
<pre>
Kode Menu :<select name="kode" onClick="Hit()">
<option value="_">Pilih Salah Stu</option>
<option value="PHO1" >PHO1</option>
<option value="PH02" >PH02</option>
<option value="PH03" >PH03</option>
<option value="PH04" >PH04</option>
<option value="PH05" >PH05</option>
<option value="PH06" >PH06</option>
</select>
<br>
Nama Menu :<input type="text" name="n_menu" maxlength="20" size"20"><br>
Harga :<input type="text" name="harga" maxlength="15" size"20"> <br>
Jumlah Beli :<input type="text" name="jumlah" maxlength="15" size"20"> <br>
<input type="button" name="Hitung" value="Hitung" onClick="Hit()"> <input type="reset" name="Batal" value="Batal" onClick="bat">
<br>
Total Bayar :<input type="text" name="bayar" maxlength="15" value="0" size"20"> <br>
</pre>
</form>
</body>
</html>
Kemudian Buka File Tadi mengunakan broswer yang anada punya...?
Selamat Mencoba....?
Semoga Bermanfaat..?
Post a Comment for "Cara Membuat Daftar Menu Makanan/Minuman Dalam Format HTML "