Calculators with JavascriptKali 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 :)
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :
