Selasa, 09 April 2013

Cara Membuat Kalkulator Sederhana di html dengan notepad



           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 :


langkah pertama  ketik script seperti di bawah ini pada notepad computer anda :




<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>



Lalu save as dengan nama kalkulator.html
bukalah file yang telah di save tadi.,.,
Dan jadinya seperti ini:

sikian dulu gan.,.,
jangan lupa komentarnya nya.,.,
terimakasih atas kunjunganya.,.,

3 komentar: