Keren Bukan !!
Ini menggunakan Javascrip,
dan kenapa saya Posting tentang ini ?
mau tau ??
baiklah langsung aja kita bahas tidak usah panjang lebar : “bagaimana cara membuat kalkulator sederhana menggunakan javascript?”. Maka pada artikel kali ini saya akan menjelaskan cara membuat aplikasi kalender dengan menggunakan javascript.
Inti dari program ini adalah file “calculate.js”
yang digunakan untuk memproses inputan angka dari user dan menampilkan
kembali hasilnya. untuk lebih jelasnya teman-teman bisa mendownload
contoh programnya. dan ini adalha potongan Skripnya langsung copas ja Gan.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Kalkulator Ri32</title>
<script type=”text/javascript” src=”calculate.js”></script>
</head>
<body>
<form name=”calculator”>
<table border=”0″ cellpadding=”2″ cellspacing=”0″ background=”/images/background.jpg” width=”233″ height=”259″>
<tr><td align=”center” style=”padding-bottom:0px;padding-top:15px”><input type=”text” name=”win” value=”0″ style=”height:30px;width:190px;text-align:right;font-size:20px;font-weight:bold;border:1px solid #666666;padding-right:2px;” maxlength=’15’></td></tr>
<tr><td>
<table border=”0″ cellpadding=”5″ cellspacing=”1″ align=”center”>
<tr><td style=”padding-top:0px”><input type=”button” value=”CE” style=”width:40px” onClick=”calc(‘CE’)”></td>
<td style=”padding-top:0px”><input type=”button” value=”C” style=”width:40px” onClick=”calc(‘C’)”></td>
<td style=”padding-top:0px”><input type=”button” value=”+/-” style=”width:40px” onClick=”calc(‘+/-‘)”></td>
<td style=”padding-top:0px”><input type=”button” value=”%” style=”width:40px” onClick=”calc(‘%’)”></td></tr>
<tr><td><input type=”button” value=”7″ style=”width:40px” onClick=”calc(‘7′)”></td>
<td><input type=”button” value=”8″ style=”width:40px” onClick=”calc(‘8′)”></td>
<td><input type=”button” value=”9″ style=”width:40px” onClick=”calc(‘9′)”></td>
<td><input type=”button” value=”/” style=”width:40px” onClick=”calc(‘/’)”></td></tr>
<tr><td><input type=”button” value=”4″ style=”width:40px” onClick=”calc(‘4′)”></td>
<td><input type=”button” value=”5″ style=”width:40px” onClick=”calc(‘5′)”></td>
<td><input type=”button” value=”6″ style=”width:40px” onClick=”calc(‘6′)”></td>
<td><input type=”button” value=”x” style=”width:40px” onClick=”calc(‘*’)”></td></tr>
<tr><td><input type=”button” value=”1″ style=”width:40px” onClick=”calc(‘1′)”></td>
<td><input type=”button” value=”2″ style=”width:40px” onClick=”calc(‘2′)”></td>
<td><input type=”button” value=”3″ style=”width:40px” onClick=”calc(‘3′)”></td>
<td><input type=”button” value=”-” style=”width:40px” onClick=”calc(‘-‘)”></td></tr>
<tr><td><input type=”button” value=”0″ style=”width:40px” onClick=”calc(‘0′)”></td>
<td><input type=”button” value=”.” style=”width:40px” onClick=”calc(‘.’)”></td>
<td><input type=”button” value=”=” style=”width:40px” onClick=”calc(‘=’)”></td>
<td><input type=”button” value=”+” style=”width:40px” onClick=”calc(‘+’)”></td></tr>
</table>
</td></tr>
</table>
</form>
</body>
</html>
Atau Anda juga dapat mendownloadnya untuk barang buktinya
Semoga Artikel Ini Bermangaat Gan Terimakasi
Tidak ada komentar:
Posting Komentar