Kalkulator Sederhana Menggunakan HTML

Kalkulator merupakan alat bantu hitung seperti penjumlahan, pengurangan, perkalian, dan pembagian. Kalkulator yang digunakan untuk melakukan perhitungan standar seperti diatas biasanya disebut jenis kalkulator sederhana. Sedangkan untuk melakukan perhitungan yang lebih rumit, seperti rumus matematika digunakan jenis kalkulator yang sering disebut scientific calculator.
Berikut ini contoh aplikasi kalkulator sederhana yang saya buat, yakni perhitungan yang terbatas hanya untuk operasi penjumlahan, pengurangan, perkalian, dan pembagian. Source code aplikasi kalkulator sederhana:

kalkulatorku

<html>

<head>
<title>Tugas 3</title>
<link href=”style.css” rel=”stylesheet” type=”text/css”/>
</head>

<body>
<table width=”700″ border=”1″ align=”center” class=”table_index”>
<tr>
<td colspan=”2″><h1 align=”center”>Selamat Datang threecahya.wordpress.com</h1></td>
</tr>
<tr>
<td width=”24%”>
<ul>
<li><a href=”index.html”>Home</a></li>
<li><a href=”tugas1.html”>Tugas 1</a></li>
<li><a href=”tugas2.html”>Tugas 2</a></li>
</ul>
</td>
<td>

<h1 align=”center”>Aplikasi Kalkulator</h1>

<form name=”calculator”>
<!– form the display to match the keypad –>
<table border=”11″ cellpadding=”4″ bordercolor=”lightblue” bgcolor=”blue” cellspacing=”3″ width=”175″ align=”center”>
<tr>
<td>
<input type=”text” size=”19″ length=”2″ value=”” name=”ans” style=”background:lightblue;color:black;”>
</td>
</tr>
</table>
<!– form the keypad with buttons in a table –>
<table border=”4″ cellpadding=”4″ bordercolor=”lightblue” cellspacing=”2″ width=”150″ bgcolor=”blue” align=”center”>
<tr>
<td align=”center”>
<input type=”button” value=” 7 ” name=”seven” onClick=”document.calculator.ans.value+=’7′”>
</td>
<td align=”center”>
<input type=”button” value=” 8 ” name=”eight” onClick=”document.calculator.ans.value+=’8′”>
</td>
<td align=”center”>
<input type=”button” value=” 9 ” name=”nine” onClick=”document.calculator.ans.value+=’9′”>
</td>
<td align=”center”>
<input type=”button” value=” / ” name=”divide” onClick=”document.calculator.ans.value+=’/'”>
</td>
</tr>
<tr>
<td align=”center”>
<input type=”button” value=” 4 ” name=”four” onClick=”document.calculator.ans.value+=’4′”>
</td>
<td align=”center”>
<input type=”button” value=” 5 ” name=”five” onClick=”document.calculator.ans.value+=’5′”>
</td>
<td align=”center”>
<input type=”button” value=” 6 ” name=”six” onClick=”document.calculator.ans.value+=’6′”>
</td>
<td align=”center”>
<input type=”button” value=” * ” name=”multiply” onClick=”document.calculator.ans.value+=’*'”>
</td>
</tr>
<tr>
<td align=”center”>
<input type=”button” value=” 1 ” name=”one” onClick=”document.calculator.ans.value+=’1′”>
</td>
<td align=”center”>
<input type=”button” value=” 2 ” name=”two” onClick=”document.calculator.ans.value+=’2′”>
</td>
<td align=”center”>
<input type=”button” value=” 3 ” name=”three” onClick=”document.calculator.ans.value+=’3′”>
</td>
<td align=”center”>
<input type=”button” value=” – ” name=”subtract” onClick=”document.calculator.ans.value+=’-‘”>
</td>
</tr>
<tr>
<td align=”center”>
<input type=”button” value=” C ” name=”clear” onClick=”document.calculator.ans.value=””>
</td>
<td align=”center”>
<input type=”button” value=” 0 ” name=”zero” onClick=”document.calculator.ans.value+=’0′”>
</td>
<td align=”center”>
<input type=”button” value=” = ” name=”equal”
onClick=”document.calculator.ans.value=eval(document.calculator.ans.value)”>
</td>
<td align=”center”>
<input type=”button” value=” + ” name=”add” onClick=”document.calculator.ans.value+=’+'”>
</td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td colspan=”2″>Dibuat oleh Tri Cahya Wahyu 11650071</td>
</tr>
</table>
</body>
</html>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s