Archive for Maret 2011

No Comments

Studi Kasus Mod 5


.

Studi Kasus kali ini membuat aplikasi kalkulator sederhana.., cukup membuat saya agak sedikit setresss, karena awalnya button tidak mau jalan., tapi setelah di bantu sedikit oleh my special one (curhat dikit) akhirnya berhasil juga... hahaha
cukup simpel siih... :)
ini hasil nya ::

dan ini script nya ::
<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<title>Studi Kasus</title> 
</head> 
<body> 

<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var myForm = document.form1;
var a=eval(myForm.a.value);
var b=eval(myForm.b.value);
var pil= myForm.opt.value;
if (pil == "penjumlahan") {
var c = a + b;
}else if (pil == "pengurangan") {
var c = a - b;
} else if (pil == "perkalian") {
var c = a * b;
} else if (pil == "pembagian") {
var c = a / b;
}
myForm.hasil.value = c;
}
function resetForm(){
document.form1.reset();
}
//-->
</script>
<center>
<h4 font size= "5"> KALKULATOR SEDERHANA</font></h4>
<br>
<br>
<form name="form1" action="#">
<input type="text" name="a" />
<select name="opt">
<option value="penjumlahan"> + </option>
<option value="pengurangan"> - </option>
<option value="perkalian"> * </option>
<option value="pembagian"> / </option>
</select>

<input type="text" name="b" />
<input type="button" value="=" onClick="hitung()" />
<input type="text" name="hasil" disabled="true" /> <br/>
<p>
<p>
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>
</body>
</html>

Category

No Comments

Tugas Praktikum Mod 5


.

Tugas kali ini berhubungan dengan java script, di bawah ini merupakan aplikasi pemesanan makana/minuman, dengan spesifikasi Field Harga, Jumlah total, Diskon dan Jumlah Bayar bersifat Read only, dsb..!! Bisa dilihat dalam Modul nya.. :)

ini hasil nya ::
Dan ini script nya ::

<!DOCTYPE html>
<html lang ="en">

<html>
<head>
<title> Tugas Praktikum </title>
</head>

<body>
<script language="JavaScript" type="text/javascript">

<!--

function hitungPesan(){

var nota = document.form2;
var hargaBaksoIstimewa = 12000 * eval(nota.qBakso.value);
var hargaSotoSpecial = 10000 * eval(nota.qSoto.value);
var hargaMieAyamSuper = 15000 * eval(nota.qMie.value);
var hargaEsDegan = 5000 * eval(nota.qDegan.value);
var hargaEsCampur = 7000 * eval(nota.qCampur.value);
var jumlahTotal = hargaBaksoIstimewa + hargaSotoSpecial + hargaMieAyamSuper + hargaEsDegan + hargaEsCampur;
if (jumlahTotal > 50000){
nota.Total.value = jumlahTotal;
nota.Diskon.value = 10000;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
else {
nota.Total.value = jumlahTotal;
nota.Diskon.value = 0;
nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);
}
}
function resetForm(){
document.form2.reset();
}
//-->
</script>

<center>
<h3>WARUNG "ANDA"</h3>
<form name="form2" action="#">
<table border="2px">

<tr>
<th>No</th>
<th>Makanan/Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td width="15px">1</td>
<td width="200px">Bakso Istimewa</td>
<td width="85px"><input type="text" name="Bakso Istimewa" value="12000" size="6" disabled="true"/></td>
<td width="150px"><input type="text" name="qBakso" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr>
<td>2</td>
<td>Soto Special</td>
<td> <input type="text" name="Soto Special" value="10000" size="6" disabled="true"/></td>
<td><input type="text" name="qSoto" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr>
<td>3</td>
<td>Mie Ayam Super</td>
<td> <input type="text" name="mie" value="15000" size="6" disabled="true"/></td>
<td><input type="text" name="qMie" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr>
<td>4</td>
<td>Es Degan</td>
<td><input type="text" name="degan" value="7000" size="6" disabled="true"/></td>
<td><input type="text" name="qDegan" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr>
<td>5</td>
<td>Es Campur</td>
<td><input type="text" name="campur" value="7000" size="6" disabled="true"/></td>
<td><input type="text" name="qCampur" value="0" onChange="hitungPesan()"/></td>
</tr>
<tr bgcolor="purple">
<td colspan="3" align="right">Jumlah Harga Total</td>
<td><input type="text" name="Total" disabled="true" /></td>
</tr>
<tr bgcolor="purple">
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="Diskon" disabled="true" /></td>
</tr>
<tr bgcolor="blue">
<td colspan="3" align="right">Jumlah Yang Harus Dibayar</td>
<td><input type="text" name="Bayar" disabled="true" align="right"/></td>
</tr>
</table><br/>

<input type="button" value="RESET" onClick="resetForm()" />

</form>
</body>
</html>

Category

« Postingan Lebih Baru
Postingan Lama »