pada web programming kita bisa memanfaatkan java script untuk membuat suatu aplikasi. contohnya adalah sebagai berikut:
adapun script dari aplikasi ini adalah sebagai berikut:
function warung()
{
var catat = document.formwarung;
var hargaOskab = parseInt(catat.hrgOskab.value) * parseInt(catat.jmlOskab.value);
var hargaOtos = parseInt(catat.hrgOtos.value) * parseInt(catat.jmlOtos.value);
var hargaNaged= parseInt(catat.hrgNaged.value) * parseInt(catat.jmlNaged.value);
var hargaHet = parseInt(catat.hrgHet.value) * parseInt(catat.jmlHet.value);
var hargaJoshua= parseInt(catat.hrgJoshua.value) * parseInt(catat.jmljoshua.value);
var hargasemua = hargaOskab + hargaOtos + hargaNaged + hargaHet + hargajoshua;
if (hargasemua > 50000)
{
catat.TotalBayar.value = hargasemua;
catat.Diskon.value = 10000;
catat.JumlahBayar.value = hargasemua - parseInt(catat.Diskon.value);
}
else
{
catat.TotalBayar.value = hargasemua;
catat.Diskon.value = 0;
catat.JumlahBayar.value = hargasemua;
}
}
function awal(){
document.formwarung.reset();
}
kemudian simpan dengan nama: warung.js
kemudian, ketikkan
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>WAROENG AREMA</title>
<script type="text/javascript" src="warung.js"></script>
</head>
<body>
<h1><strong>DAFTAR MENU WARUNG AREMA BRO....</strong></h1>
<form name="formwarung" action="#">
<table border="1" style="width:589" style="background-color:#CCFF99">
<tr>
<th style="width:27" scope="col">No</th>
<th style="width:181" scope="col">Daftar Menu</th>
<th style="width:185" scope="col">Harga</th>
<th style="width:166" scope="col">pesan</th>
</tr>
<tr>
<td><div style="text-align:center"><strong>1.</strong></div></td>
<td><strong>Oskab Ngalam Kane </strong></td>
<td><strong>@
<input type="text" name="hrgOskab" value="7000" size="20" readonly="readonly"/>
</strong></td>
<td><input name="jmlOskab" type="text" onkeyup="warung()" value="0" onfocus="this.select();"></td>
</tr>
<tr>
<td><div style="text-align:center"><strong>2.</strong></div></td>
<td><strong>Otos Maya nayamul</strong></td>
<td><strong>@
<input type="text" name="hrgOtos" value="5000" size="20" readonly="readonly"/>
</strong></td>
<td><input name="jmlOtos" type="text" onkeyup="warung()" value="0" onfocus="this.select();"></td>
</tr>
<tr>
<td><div style="text-align:center"><strong>3.</strong></div></td>
<td><strong>Es Naged Oji</strong></td>
<td><strong>@
<input type="text" name="hrgNaged" value="3000" size="20" readonly="readonly"/>
</strong></td>
<td><input name="jmlNaged" type="text" onkeyup="warung()" value="0" onfocus="this.select();"></td>
</tr>
<tr>
<td><div style="text-align:center"><strong>4.</strong></div></td>
<td><strong>Es Het</strong></td>
<td><strong>@
<input type="text" name="hrgHet" value="1500" size="20" readonly="readonly"/>
</strong></td>
<td><input name="jmlHet" type="text" onkeyup="warung()" value="0" onfocus="this.select();"></td>
</tr>
<tr>
<td><div style="text-align:center"><strong>5.</strong></div></td>
<td><strong>Es Joshua ria</strong></td>
<td><strong>@
<input type="text" name="hrgJoshua" value="3500" size="20" readonly="readonly"/>
</strong></td>
<td><input name="jmlJoshua" type="text" onkeyup="warung()" value="0" onfocus="this.select();"></td>
</tr>
<tr>
<td colspan="3"><div style="text-align:right"><strong>Total </strong></div></td>
<td><input name="TotalBayar" type="text" style="text-align:right" readonly="readonly" value="0"></td>
</tr>
<tr>
<td colspan="3"><div style="text-align:right"><strong>Diskon</strong></div></td>
<td><input name="Diskon" type="text" style="text-align:right" readonly="readonly" value="0"></td>
</tr>
<tr>
<td colspan="3"><div style="text-align:right"><strong>Jumlah bayar</strong></div></td>
<td><input name="JumlahBayar" type="text" style="text-align:right" readonly="readonly" value="0"></td>
</tr>
</table>
<div id="Layer1" style="position:left; width:166px; height:50px;">
<input type="button" value="reset" onclick="awal()"/>
</div>
</form>
</body>
</html>
selamat mencoba......
Do you like this article? Share It!
0 komentar to "membuat daftar enu java script pada web programming"
time
about ayas
- ADITYAAREMA
- nama ayas sebetulnya bukan ADITYAAREMA, tapi Aditya Imam Pratama, ADITYAREMA merupakan sebuah nama yang menggambarkan bahwa ayas sangat bangga menjadi AREMA. ayas biasa dipanggil imam - pon - dita - adit. Anda bisa panggil saya terserah yang penting bukan Mince atau nama2 bencis sebangsanya, serta jangan menyinggung rasisme :D... saya lahir di Kota Malang, I Love this city, tanggal 7 Agustus 1989, tepatnya di RSSA bukan dukun beranak... jadi secara otomatis sejak saya lahir, saya adalah AREMA cukup sekian perkenalannya ya... kalo mau lebih intim lagi add aja di FB - aditya_tothemax@yahoo.co.id -
Posting Komentar