Wednesday, March 2, 2011

Calculator Sederhana

Kepikiran waktu bantuin temen buat buat kalkulator sederhana dalam format HTML, ternyata ga sulit-sulit amat kok. sesuai dengan namanya yg sederhana codingnya pun ga banyak-banyak amat, simple n ga repot (kaya slogan iklan y hehehe....)  kita pakai javascript untuk membuat suatu fungsi untuk menghitung angka-angkanya nah dalam membuat tag HTML kita bisa pake notepad++, dreamweaver, atau pake notepad biasa aja juga bisa...
ok langsung aja dibuat, nah diantara software2 diatas mending pake notepad aja biar ga perlu install-install program +an

buka notepadnya
lalu ketikan coding dibawah ini :



<html>
<head>
<script type="text/javascript">

function hasil()
{
var x=document.calc.angka1.value
var y=document.calc.angka2.value
var z= calc.operator.value
var hasilnya= eval (x + z + y);
alert(hasilnya);
}
</script>
</head>
<body>
<center>
<font size="10" face="arial black" color="blue">
Kalkulator Sederhana </font>

<form name="calc">
<table border="5">
<tr>
<td>Angka 1 <input type="text" name="angka1"/></td>
<td>Angka 2 <input type="text" name="angka2"/></td>
<td>
<select name="operator">
<option value="+"> + </option>
<option value="-"> - </option>
<option value="*"> * </option>
<option value="/"> / </option>
</select></td>
<td>
<input type="button" value="Hitung!" onclick="hasil()"></td>
</tr>
</table>
</center>
</body>
</html>

simpan file, ganti format save as type dengan all files, lalu berinama sesuai keinginan anda dengan format nama.HTML contoh kalkulatorSederhana.HTML 

hasilnya:

















Gimana mudah bukan???.....

No comments:

Post a Comment