Berikut adalah scriptnya :
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>Mini Calculator</title>
<script language="JavaScript" type="text/javascript">
function getHasilValue(){
var format = document.kalkulator;
var bil1 = parseInt(format.bil1.value);
var bil2 = parseInt(format.bil2.value);
var operasi = format.operasi.value;
var hasil;
if(operasi == "jumlah"){
hasil = bil1 + bil2;
}
else if(operasi == "kurang"){
hasil = bil1 - bil2;
}
else if(operasi == "kali"){
hasil = bil1 * bil2;
}
else if(operasi== "bagi"){
hasil = bil1 / bil2;
}
else{
}
format.hasil.value = hasil;
}
</script>
</head>
<body bgcolor="gray">
<h2> MARI BERHITUNG</h2>
<form name="kalkulator" action="#">
<br>
<input type="text" size="5" maxlength="5" name="bil1">
<select name="operasi">
<option value="jumlah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">:</option> </br>
</select>
<input type="text" size="5" maxlength="5" name="bil2">
<input type="button" value="=" onclick="getHasilValue()"/>
<input type="text" size="10" maxlength="10" name="hasil" readonly>
</form>
</body>
</html>
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>Mini Calculator</title>
<script language="JavaScript" type="text/javascript">
function getHasilValue(){
var format = document.kalkulator;
var bil1 = parseInt(format.bil1.value);
var bil2 = parseInt(format.bil2.value);
var operasi = format.operasi.value;
var hasil;
if(operasi == "jumlah"){
hasil = bil1 + bil2;
}
else if(operasi == "kurang"){
hasil = bil1 - bil2;
}
else if(operasi == "kali"){
hasil = bil1 * bil2;
}
else if(operasi== "bagi"){
hasil = bil1 / bil2;
}
else{
}
format.hasil.value = hasil;
}
</script>
</head>
<body bgcolor="gray">
<h2> MARI BERHITUNG</h2>
<form name="kalkulator" action="#">
<br>
<input type="text" size="5" maxlength="5" name="bil1">
<select name="operasi">
<option value="jumlah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">:</option> </br>
</select>
<input type="text" size="5" maxlength="5" name="bil2">
<input type="button" value="=" onclick="getHasilValue()"/>
<input type="text" size="10" maxlength="10" name="hasil" readonly>
</form>
</body>
</html>

Tidak ada komentar:
Posting Komentar
anybody yang mau komentar no problem, gak masalah smua .
monggo komentar. . . . .