Pada aplikasi berikut ini hanya menampilkan 4 buah operasi, yaitu penjumlahan, pengurangan, perkalian dan pembagian. Dengan menggunakan Java Script, maka dibutuhkan fungsi-fungsi yang dibuat pada Java Script.
Berikut ini source code dari hitung.js :
function hitung(){
var komponen = document.mat;
var input1 = parseInt(komponen.input1.value);
var input2 = parseInt(komponen.input2.value);
var op = komponen.op.value;
var hasil;
if(op == "add"){
hasil = input1 + input2;
}
else if(op == "sub"){
hasil = input1 - input2;
}
else if(op == "mpy"){
hasil = input1 * input2;
}
else{
hasil = input1 / input2;
}
komponen.hasil.value = hasil;
}
Berikut ini source code dari hitung.html :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Matematika</title>
<script language="JavaScript" type="text/javascript" src="hitung.js"></script>
</head>
<body bgcolor="pink">
<center>
<h3>-- Operasi Matematika --</h3>
<form name="mat" action="#">
<input type="text" size="5" name="input1">
<select name="op">
<option value="add">+</option>
<option value="sub">-</option>
<option value="mpy">*</option>
<option value="div">:</option>
</select>
<input type="text" size="5" name="input2">
<input type="button" value="=" onclick="hitung()"/>
<input type="text" size="10" name="hasil" readonly>
</form>
</center>
</body>
</html>
Tampilan dari aplikasi tersebut adalah :
Earn Money with Design
-
Designing is a refreshing activity for me. I have done various visual
design project for years. I learn through the process. Understanding a good
design...
4 years ago
1 komentar:
pada javascript pa ada tipe data,???? kmren coba saat nilai data tetap bisa ditambakan tapi saat nilainya dinamik kug dianggap string?? misalnya saat 10+10 hasilnya kok 1010?? gmn mbak??? saya pake framwork jquery///
Post a Comment