Membuat Kalkulator Sederhana

Kalkulator sederhana di ini dibuat dibuat menggunakan kode - kode javascript yang dapat dijalankan di web browser. Fungsi kalkulator ini sangat sama seperti kalkulator basic, seperti mengolah operasi penjumlahan, pengurangan,pembagian, dan perkalian. Kamu dapat menyimpannya di komputer lokal maupun di blog.

1. Untuk di komputer lokal, tinggal copas (Copy Paste) saja script di bawah ini ke dalam notepad.



<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text"   NAME="Input" Size="16">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>



Kemudian simpan file tersebut dengan format .html.

Contoh : Kalkutatorku.html

Untuk menjalankannya, buka file tersebut menggunakan web browser, seperti mozilla, google chrome, safari, dll.



2. Untuk menampilkannya di blog, kamu tinggal copas saja script barusan ke dalam Gadget HTML/Javascript.

Caranya : buka menu layout => add gadget => HTML/Javasript => paste scriptnya => terakhir save.



Semoga bermanfaat. . .

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari ADW. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow ADW dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Sunday 23 June 2013