Membuat kalkulator sederhana dengan Javascript ~ fhaards Cds

Apa bisa buat kalkulator pake javascript ? tentu aja bisa teman hehe , tapi ini bukan kalkulator yg sempurna ya cuma kalkulator sederhana . Salah satu materi di SMK dlu sempet diajarin gimna caranya bikin Kalkulator sederhana dgn Javascript ,

oke langsung aja ya .. ini saya kasih source codenya ,

<html>
<title>Kalkulator Sederhana</title>
<script language="javascript">
function tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value=c
}
function Kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
}
function Bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value=c
}
function Kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
}
function kosong()
{
form.a.value=""
form.b.value=""
form.c.value=""
}
</script>
<body onload=kosong()>
<center>

<table border="0" style="padding:5;color:#fff;" width="20%" bgcolor="#333333">
<tr>
  <td colspan='2'>
   <font size="3"><center>
Ini Kalkulator</center>
</font>
   <form name="form">
  </td>
 </tr>
<tr>
     <td> Angka 1</td><td><input type="text" name="a"></td>
 </tr>
<tr>
     <td>Angka 2 </td><td><input type="text" name="b"></td>
 </tr>
<tr>
     <td>Hasil   </td><td><input type="text" name="hasil" disabled="true"></td>
 </tr>
<tr> 
  <td colspan='2'>
     <input type="button" value="+" onclick="tambah()">
     <input type="button" value="-" onclick="Kurang()">
     <input type="button" value="/" onclick="Bagi()">
     <input type="button" value="*" onclick="Kali()">
     <input type="reset" value="C" onclick="kosong()">
   </td>
 </tr>
</table>
</form>
<center>
</body>
</html>

dan hasilnya seperti ini

Kalkulator Sederhana

Ini Kalkulator
Angka 1
Angka 2
Hasil

caranya :
- copas aja atau ctrl + c dan paste di notepad/notepad++,
save dengan nama apa saja asal formatnya " .html " ,
- dan cara membukanya hanya tinggal mengklik 2x file.html tadi.

Sederhana bukan :D , semoga dapat sedikit membantu . Wasalam

fhaards Cds

Kamis, 02 Oktober 2014

Membuat kalkulator sederhana dengan Javascript

0 komentar:

Categories

Total Pageviews (01/03/2012)