Komunitas Belajar Komputer

Komunitas Belajar Komputer

Membuat Kalkulator Sederhana Dengan JavaScript

Cara Membuat Kalkulator Sederhana Dengan JavaScript

Membuat Kalkulator Sederhana Dengan JavaScript - Kalkulator sederhana ini dibuat dengan javascript dan dijalankan dengan menggunakan browser, sehingga anda dapat menyimpannya di lokal komputer atau bisa 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 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.

Tidak ada komentar

Sampaikan lah apa yang sedang anda pikirkan saat ini setelah membaca artikel ini.
Kebingungan, Penasaran, Rasa terimakasih..
Atau apalah yang sedang terlintas di pikran anda.

Karena sejatinya manusia adalah makhluk sosial yang rindu akan sebuah Interaksi

1. Baca lah
2. Berkomentar lah dengan Sopan
3. Kami Akan Berkunjung balik, Nantinya.

Komentar anda sangat membantu untuk perkembangan Blog ini.
Terimakasih...!!

Diberdayakan oleh Blogger.