Membuat Kalkulator Sederhana
Posted by Izzuddin Fawwaz
Posted on Minggu, April 07, 2013
with No comments
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. . .
0 komentar:
Posting Komentar
Jangan lupa komentarnya, . . :D