js

Cara Membuat Kalkulator Sederhana dengan JavaScript

Hay guys, apa kabar semua..? semoga semuanya baik – baik saja. Topik kita hari ini adalah mengenai cara pembuatan kalkulator sederhana, kalkulator yang mau kita bahas saat ini tidak seperti kalkulator yang seperti biasanya digunakan oleh Anda semua. Kalkulator ini hanya memiliki operator, pejumlahan, pengurangan, perkalian, dan pembagian saja. Ok, sekarang kita bahas cara pembuatan kalkulator sederhana sebagai berikut :

Berikut ini kode untuk membuat kalkulator sederhana menggunakan javascript.

<html>
<head>
<title>Kalkulator Sederhana</title>
</head>
<body>
<center><h1><i><font color="#0000FF"><u>Kalkulator sederhana</u></font></i></h1></center>
<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>

Berikut ini adalah tampilan dari kode pembuatan kalkulator sederhana di atas yang menggunakan javascript.

1

2

 

Tampilan di atas adalah hasil penjumlahan dari 166 + 177

 

Penutup

Itulah sedikit dari penjelasan tentang pembuatan kalkulator sederhana yang menggunakan javascript. Tidak begitu sulit bukan kawan – kawan, semoga sedikit penjelasan di atas bermanfaat bagi anda semua,   SELAMAT MENCOBA.

3 comments on “Cara Membuat Kalkulator Sederhana dengan JavaScript

Leave a Reply