<html>
<head>
<title>
Calculator</title>
<style>
h1{color:blue;}
</style>
</head>
<body bgcolor="black">
<h1><center><u><marquee direction="right" scrollamount="20" bgcolor="yellow">Simple Calculator</marquee></u></center></h1>
<br/>
<form Name="Claculator" >
<table border=2 cellspacing="2" cellpadding="10" align="center" bordercolor="red">
<tr>
<td colspan=4><input type=text Name="display" placeholder="enter number"></td>
</tr>
<tr>
<td><input type=button value="+" OnClick="Claculator.display.value +='+'"></td>
<td><input type=button value="-" OnClick="Claculator.display.value+='-'"></td>
<td><input type=button value="x" OnClick="Claculator.display.value+='*'"></td>
</tr>
<tr>
<td><input type=button value="C" OnClick="Claculator.display.value=''"></td>
<td><input type=button value="/" OnClick="Claculator.display.value+='/'"></td>
<td><input type=button value="%" OnClick="Claculator.display.value+='%'"></td>
</tr >
<tr><td><input type=button value="=" OnClick="Claculator.display.value=eval(Claculator.display.value)"></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>
Calculator</title>
<style>
h1{color:blue;}
</style>
</head>
<body bgcolor="black">
<h1><center><u><marquee direction="right" scrollamount="20" bgcolor="yellow">Simple Calculator</marquee></u></center></h1>
<br/>
<form Name="Claculator" >
<table border=2 cellspacing="2" cellpadding="10" align="center" bordercolor="red">
<tr>
<td colspan=4><input type=text Name="display" placeholder="enter number"></td>
</tr>
<tr>
<td><input type=button value="+" OnClick="Claculator.display.value +='+'"></td>
<td><input type=button value="-" OnClick="Claculator.display.value+='-'"></td>
<td><input type=button value="x" OnClick="Claculator.display.value+='*'"></td>
</tr>
<tr>
<td><input type=button value="C" OnClick="Claculator.display.value=''"></td>
<td><input type=button value="/" OnClick="Claculator.display.value+='/'"></td>
<td><input type=button value="%" OnClick="Claculator.display.value+='%'"></td>
</tr >
<tr><td><input type=button value="=" OnClick="Claculator.display.value=eval(Claculator.display.value)"></td>
</tr>
</table>
</form>
</body>
</html>
No comments:
Post a Comment