Langsung saja...Source Code Javascriptnya sebagai berikut....
<HTML>
<head>
<script type="text/javascript">
var n;
function eval1(Calc) {
n = eval(Calc.input.value);
Calc.input.value = n;
}
function f1(Calc) {
Calc.input.value = " ";
}
</script>
<style type="text/css">
.button{
width: 33px;
height: 25px;
margin: 3px;
}
.set{
margin: 5px;
text-align: left;
}
</style>
</head>
<body>
<center>
<form name="Calc">
<font align="center" size="5px"><b>Ozan Kalkulator</b></font></br>
<p>
<input type="text" class="set" name="input" Size="22"></br>
<input type="button" value="1" class="button" OnClick="Calc.input.value += '1'">
<input type="button" value="2" class="button" OnClick="Calc.input.value += '2'">
<input type="button" value="3" class="button" OnClick="Calc.input.value += '3'">
<input type="button" value="+" class="button" OnClick="Calc.input.value += '+'"></br>
<input type="button" value="4" class="button" OnClick="Calc.input.value += '4'">
<input type="button" value="5" class="button" OnClick="Calc.input.value += '5'">
<input type="button" value="6" class="button" OnClick="Calc.input.value += '6'">
<input type="button" value="-" class="button" OnClick="Calc.input.value += '-'"></br>
<input type="button" value="7" class="button" OnClick="Calc.input.value += '7'">
<input type="button" value="8" class="button" OnClick="Calc.input.value += '8'">
<input type="button" value="9" class="button" OnClick="Calc.input.value += '9'">
<input type="button" value="*" class="button" OnClick="Calc.input.value += '*'"></br>
<input type="button" value="." class="button" OnClick="Calc.input.value += '.'">
<input type="button" value="0" class="button" OnClick="Calc.input.value += '0'">
<input type="button" value="%" class="button" OnClick="Calc.input.value += '%'">
<input type="button" value="/" class="button" OnClick="Calc.input.value += '/'"></br>
<input type="button" value="(" class="button" OnClick="Calc.input.value += '('">
<input type="button" value=")" class="button" OnClick="Calc.input.value += ')'">
<input type="button" value="c" class="button" OnClick="f1(this.form)">
<input type="button" value="=" class="button" OnClick="eval1(this.form)">
</p>
</form>
</center>
</body>
</HTML>
Keterangan:
- Fungsi eval pada widged di atas adalah untuk mengembalikan nilai dari sebuah variable (untuk pengertian lanjut klik disini...)
- Fungsi f1 adalah untuk mereset ulang dari inputan (mengembalikan value null)
- CSS button, untuk mengatur tinggi dan lebar dari button yang memanggil class tersebut
- CSS set, untuk mengatur kolom input
0 komentar Blogger 0 Facebook
Post a Comment
Mohon maaf bila blog ini tidak fokus hanya di software, karena saya ingin semua orang dapat mendapatkan ilmu yang ada di perkuliahan...
Semoga yang ada di blog ini bermanfaat...
Terikasih sudah mau berkunjung...