Buscar

Membuat Kalkulator Menggunakan Javascript

Calculators with Javascript
Kali ini saya belajar membuat kalkulator sederhana menggunakan javascript.
Ada beberapa function/object javascript yang saya gunakan, diantaranya :
- eval(string)
Function eval yaitu meng-evaluasikan string, yang mana dapat berupa ekspresi JavaScript, perintah, atau urutan dari perintah-perintah, dan mengembalikan hasil.string menyatakan ekspresi atau perintah yang akan dieksekusi, dirupakan dalam bentuk sebuah string. Misalnya, jika kita ingin mengevaluasi sebuah operasi matematika, maka kita dapat melakukannya dengan menggunakan function eval.
- pow(base, exponent)
Metode ini melakukan pangkat  base terhadap  exponent. Jika salah satunya bilangan imaginier, maka akan dikembalikan nol.
Mari kita lihat source code nya :
<script language="JavaScript">
function tambah(form) {
 a=eval(form.a.value)
 b=eval(form.b.value)
 c=a+b
 form.hasil.value = c
}
function kurang(form) {
 a=eval(form.a.value)
 b=eval(form.b.value)
 c=a-b
 form.hasil.value=c
}
function kali(form) {
 a=eval(form.a.value)
 b=eval(form.b.value)
 c=a*b
 form.hasil.value=c
}
function bagi(form) {
 a=eval(form.a.value)
 b=eval(form.b.value)
 c=a/b
 form.hasil.value = c
}
function kuadrat(form) {
 a=eval(form.a.value)
 b=eval(form.b.value)
 c=Math.pow(a, b)
 form.hasil.value = c
}
</script>

<form name="formx"> 
<h3 style="font-family:Verdana, Geneva, sans-serif" align="center">KALKULATOR SEDERHANA</h3>
<table style="border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; font-family:Verdana, Geneva, sans-serif; font-size:12px" cellpadding="5" cellspacing="5" align="center">
  <tr>
    <td height="30">Angka Pertama</td>
    <td>:</td>
    <td><input type=text size=4 value=12 name="a"></td>
  </tr>
  <tr>
    <td height="30">Angka Kedua</td>
    <td>:</td>
    <td><input type="number" size=4 value=3 name="b"></td>
  </tr>
  <tr>
    <td colspan="3" height="30"><input type="button" value="  +  " onClick="tambah(this.form)">  
<input type="button" value="  -  " onClick="kurang(this.form)">  
<input type="button" value="  x  " onClick="kali(this.form)">  
<input type="button" value="  /  " onClick="bagi(this.form)">  
<input type="button" value="  ^  " onClick="kuadrat(this.form)">  </td>
  </tr>
   <tr>
    <td height="30">Hasil</td>
    <td>:</td>
    <td><input type "number" value=0 name="hasil" size=9></td>
  </tr>
</table>
</form>
Dan Outputnya adalah sebagai berikut :
Semoga bermanfaat :)

1 comments:

Qodia Z

Makasih sob, kebetulan saya lagi belajar javascript

Posting Komentar