Membuat Kalkulator Sederhana

Kalkulator sederhana ini dibentuk dengan javascript dan dijalankan dengan  menggunakan browser, sehingga  anda sanggup menyimpannya di lokal komputer atau sanggup juga ditampilkan di blog anda.

.

Anda tinggal copy paste scriptnya di bawah ini :


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


Untuk ditampilkan di lokal komputer :
Copas scriptnya kedalam Notepad lalu Save as html, contohnya dengan nama file kalkulator.html save type All Files, lalu klik Save untuk menyimpan

Buka file kalkulator.html dengan memakai browser mozilla, internet explorer, chrome, dll



Untuk ditampilkan di Blog tinggal copas kode di atas ke dalam Gadget HTML/Javascript.
Untuk Blogger (blogspot) Buka Menu Layout, lalu pilih Add Gadget di area yang anda kehendaki, lalu pilih HTML/ Javascript, dan Pastekan scriptnya.


Semoga bermanfaat.


Posting lainnya :
Bagaimana Menyembunyikan Tulisan / Text di dalam Notepad 
Cara Mengcopy Tulisan dari Layar Command Prompt 
Menggabungkan beberapa file text menjadi satu file
Script untuk menciptakan komputer berbicara sesuai dengan kata yang kita tulis