<<<<<Pembuatan Kalkulator Dengan HTML >>>>
<html>
<head>
<title>Scientific Calculator</title>
</head>
<body background=Dark5.jpg>
<form name="calculator">
<!-- form the display to match the keypad -->
<center>
<p style="padding:20px 0px 30px 0px"><font size="6" color="skyblue"><u>Scientific Calculator</u></font></p>
<form name="calc">
<table border="4" bordercolor="yellow">
<tr>
<td>
<marquee><font color="red">http://lihai-van.blogspot.com</font></marquee>
<br/>
</td>
</tr>
<tr>
<td>
<input type="text" size="25" length="25" value="" name="ans" style="background:beige;color:red;">
</td>
</tr>
</table>
<!-- form the keypad with buttons in a table -->
<table border="4" cellpadding="2" bordercolor="yellow" cellspacing="2" width="193" bgcolor="#73B27B">
<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>
<td align="center">
<input type="button" value=" cos " name="acos" 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>
<td align="center">
<input type="button" value=" sin " name="asin" onClick="document.calculator.ans.value+='<'">
</td>
</tr>
<<<<<Pembuatan Kalkulator Dengan HTML <Part II >>>>
<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>
<td align="center">
<input type="button" value=" % " name="Percentace" 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>
<td align="center">
<input type="button" value=" ^ " name="Promotion" onClick="document.calculator.ans.value+='^'">
</td>
</tr>
</table>
</form>
<p><b><font color="tan">Created by : <br/>L1h@i F@nH@R@ <br>
Support by: http://lihai-van.blogspot.com</font></b></p>
<hr/>
<p><font color="green"> L1h@i v@N Inc.<br> All Rights Reserved 2012 ©</font></p>
</center>
</body>
</html>
<html>
<head>
<title>Scientific Calculator</title>
</head>
<body background=Dark5.jpg>
<form name="calculator">
<!-- form the display to match the keypad -->
<center>
<p style="padding:20px 0px 30px 0px"><font size="6" color="skyblue"><u>Scientific Calculator</u></font></p>
<form name="calc">
<table border="4" bordercolor="yellow">
<tr>
<td>
<marquee><font color="red">http://lihai-van.blogspot.com</font></marquee>
<br/>
</td>
</tr>
<tr>
<td>
<input type="text" size="25" length="25" value="" name="ans" style="background:beige;color:red;">
</td>
</tr>
</table>
<!-- form the keypad with buttons in a table -->
<table border="4" cellpadding="2" bordercolor="yellow" cellspacing="2" width="193" bgcolor="#73B27B">
<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>
<td align="center">
<input type="button" value=" cos " name="acos" 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>
<td align="center">
<input type="button" value=" sin " name="asin" onClick="document.calculator.ans.value+='<'">
</td>
</tr>
<<<<<Pembuatan Kalkulator Dengan HTML <Part II >>>>
<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>
<td align="center">
<input type="button" value=" % " name="Percentace" 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>
<td align="center">
<input type="button" value=" ^ " name="Promotion" onClick="document.calculator.ans.value+='^'">
</td>
</tr>
</table>
</form>
<p><b><font color="tan">Created by : <br/>L1h@i F@nH@R@ <br>
Support by: http://lihai-van.blogspot.com</font></b></p>
<hr/>
<p><font color="green"> L1h@i v@N Inc.<br> All Rights Reserved 2012 ©</font></p>
</center>
</body>
</html>
Output:
Tidak ada komentar:
Posting Komentar