Tips Mendesain Kalkulator sederhana

tertarik untuk membuat kalkulator sederhana?
pagi sobat... semua...... apa kabar
kali ini saya akan posting artikel tentang kalkulator sederhana,
mauuuuu???

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 kemudian Save as html, misalnya dengan nama file kalkulator.html save type All Files, kemudian klik Save untuk menyimpan

Buka file kalkulator.html dengan menggunakan 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, kemudian pilih Add Gadget di area yang anda kehendaki, kemudian pilih HTML/ Javascript, dan Pastekan scriptnya.


Semoga bermanfaat.
sumber : http://komputertipstrik.blogspot.com

Artikel Terkait: