Membuat Kalkulator Sederhana Menggunakan Javascript
Pada tutorial kali ini anda akan beleja bagaimana Membuat Kalkulator Sederhana Menggunakan Javascript.
Apa kabar teman-teman kembali lagi pada artikel tutorial saya , untuk kali ini saya akan mengajarkan kepada kalian bagaimana Membuat Kalkulator Sederhana Menggunakan Javascript , sebenarnya membuat kalkulator sederhana itu sendiri bisa menggunakan berbagai macam bahasa pemrograman nah salah satunya sekarang kita menggunakan javascript untuk membuatnya.
langsung saja saya akan memberikan code html dan javascriptnya lengkap :
<html>
<head>
<title>Kalkulator Sederhana</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var myForm = document.form1;
var x=eval(myForm.x.value);
var y=eval(myForm.y.value);
var pil= myForm.opt.value;
if (pil == "tambah") {
var z = x + y;
}else if (pil == "kurang") {
var z = x - y;
} else if (pil == "kali") {
var z = x * y;
} else if (pil == "bagi") {
var z = x / y;
}
myForm.hasil.value = z;
myForm.x.value = "";
myForm.y.value = "";
}
function resetForm(){
document.form1.reset();
}
//-->
</script>
<div align="center">
<form name="form1" action="#">
<p>bil 1 <input type="text" name="x" /></p>
<p>bil 2 <input type="text" name="y" /></p>
<p>hasil <input type="text" name="hasil" disabled="true" /></p>
<p>operator <select name="opt"></p>
<option value="tambah"> + (tambah)</option>
<option value="kurang"> - (kurang)</option>
<option value="kali"> * (kali)</option>
<option value="bagi"> / (bagi)</option>
</select>
<input type="button" value="=" onClick="hitung()" />
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>
</body>
</html>
nah setelah kalian salin maka hasilnya kurang lebih akan seperti ini :
oke itu saja dari saya untuk tutorial bagaimana cara Membuat Kalkulator Sederhana Menggunakan Javascript, Sampai bertemu pada artikel selanjutnya.