<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalculator Sederhana</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="350px" size="10px" align="left" />
<font size="4" color="green">Kalkulator Sederhana menggunakan Java Script</font>
<hr color="red" width="350px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="Bersihkan" onclick="bersih()" /><br>
<br><hr color="red" width="300px" size="10px" align="left"></hr>
</body>
</html>
kalkulator.js
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
screenshot kalkulator
Tidak ada komentar:
Posting Komentar