Home » , , , » Membuat Kalkulator Sederhana

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. . .

0 komentar:

Posting Komentar

Jangan lupa komentarnya, . . :D