Calculator Designing through HTML
How we make a simple Calculator through only HTML?
So the belongs code you can see the calculator.
<html>
<head>
<title>Calculator</title>
</head>
<body>
<br><br><br>
<form name="cform">
<table border="2" align="center" bgcolor="#99CC00">
<tr>
<td colspan="4"><input type="text" name="display"> </td>
</tr>
<tr>
<td><input type="button" value="1" onClick="cform.display.value+='1' "> </td>
<td><input type="button" name="btn2" value="2" onClick="cform.display.value +='2' "> </td>
<td><input type="button" name="btn3" value="3" onClick="cform.display.value +='3' "> </td>
<td><input type="button" name="btnAdd" value="+" onClick="cform.display.value +='+' "> </td>
</tr>
<tr>
<td><input type="button" name="btn4" value="4" onClick="cform.display.value +='4' "> </td>
<td><input type="button" name="btn5" value="5" onClick="cform.display.value +='5' "> </td>
<td><input type="button" name="btn6" value="6" onClick="cform.display.value +='6' "> </td>
<td><input type="button" name="btnSub" value="-" onClick="cform.display.value +='-' "> </td>
</tr>
<tr>
<td><input type="button" name="btn7" value="7" onClick="cform.display.value +='7' "> </td>
<td><input type="button" name="btn8" value="8" onClick="cform.display.value +='8' "> </td>
<td><input type="button" name="btn9" value="9" onClick="cform.display.value +='9' "> </td>
<td><input type="button" name="btnMul" value="*" onClick="cform.display.value +='*' "> </td>
</tr>
<tr>
<td><input type="button" name="btnClear" value="C" onClick="cform.display.value ='' "> </td>
<td><input type="button" name="btn0" value="0" onClick="cform.display.value +='0' "> </td>
<td><input type="button" name="btn0" value="." onClick="cform.display.value +='.' "> </td>
<td><input type="button" name="btnEqual" value="=" onClick="cform.display.value = eval(cform.display.value) "> </td>
<td><input type="button" name="btnDiv" value="/" onClick="cform.display.value +='/' "> </td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Calculator</title>
</head>
<body>
<br><br><br>
<form name="cform">
<table border="2" align="center" bgcolor="#99CC00">
<tr>
<td colspan="4"><input type="text" name="display"> </td>
</tr>
<tr>
<td><input type="button" value="1" onClick="cform.display.value+='1' "> </td>
<td><input type="button" name="btn2" value="2" onClick="cform.display.value +='2' "> </td>
<td><input type="button" name="btn3" value="3" onClick="cform.display.value +='3' "> </td>
<td><input type="button" name="btnAdd" value="+" onClick="cform.display.value +='+' "> </td>
</tr>
<tr>
<td><input type="button" name="btn4" value="4" onClick="cform.display.value +='4' "> </td>
<td><input type="button" name="btn5" value="5" onClick="cform.display.value +='5' "> </td>
<td><input type="button" name="btn6" value="6" onClick="cform.display.value +='6' "> </td>
<td><input type="button" name="btnSub" value="-" onClick="cform.display.value +='-' "> </td>
</tr>
<tr>
<td><input type="button" name="btn7" value="7" onClick="cform.display.value +='7' "> </td>
<td><input type="button" name="btn8" value="8" onClick="cform.display.value +='8' "> </td>
<td><input type="button" name="btn9" value="9" onClick="cform.display.value +='9' "> </td>
<td><input type="button" name="btnMul" value="*" onClick="cform.display.value +='*' "> </td>
</tr>
<tr>
<td><input type="button" name="btnClear" value="C" onClick="cform.display.value ='' "> </td>
<td><input type="button" name="btn0" value="0" onClick="cform.display.value +='0' "> </td>
<td><input type="button" name="btn0" value="." onClick="cform.display.value +='.' "> </td>
<td><input type="button" name="btnEqual" value="=" onClick="cform.display.value = eval(cform.display.value) "> </td>
<td><input type="button" name="btnDiv" value="/" onClick="cform.display.value +='/' "> </td>
</tr>
</table>
</form>
</body>
</html>
This way you make a simple calculator and just copy paste the .code
Real Translator Jobs - New Top Offer! - $100 Bonus To New Affiliates! (view mobile)
No comments :
Post a Comment