Tuesday, May 28, 2013
Create Simple Calculator using JavaScript
<form name="calculation"><center></center><br />
<table bgcolor="blue" border="3"><tbody>
<tr><th colspan="4"><span style="color: white;">Calculation Station</span></th> </tr>
<tr> <td colspan="3"><br />
<input name="c" type="text" /></td> <td><input name="clean" onclick="calculation.c.value=''" type="button" value=" C " /></td></tr>
<tr> <td><br />
<input name="seven" onclick="calculation.c.value+='7'" type="button" value=" 7 " /><br />
<input name="eight" onclick="calculation.c.value+='8'" type="button" value=" 8 " /><br />
<input name="nine" onclick="calculation.c.value+='9'" type="button" value=" 9 " /><br />
<input name="div" onclick="calculation.c.value+='/'" type="button" value=" / " /></td> <td><br />
<input name="four" onclick="calculation.c.value+='4'" type="button" value=" 4 " /><br />
<input name="five" onclick="calculation.c.value+='5'" type="button" value=" 5 " /><br />
<input name="six" onclick="calculation.c.value+='6'" type="button" value=" 6 " /><br />
<input name="mul" onclick="calculation.c.value+='*'" type="button" value=" x " /></td> <td><br />
<input name="one" onclick="calculation.c.value+='1'" type="button" value=" 1 " /><br />
<input name="two" onclick="calculation.c.value+='2'" type="button" value=" 2 " /><br />
<input name="thr" onclick="calculation.c.value+='3'" type="button" value=" 3 " /><br />
<input name="sub" onclick="calculation.c.value+='-'" type="button" value=" - " /></td> <td><br />
<input name="zer" onclick="calculation.c.value+='0'" type="button" value=" 0 " /><br />
<input name="dot" onclick="calculation.c.value+='.'" type="button" value=" . " /><br />
<input name="add" onclick="calculation.c.value+='+'" type="button" value=" + " /><br />
<input name="eql" onclick="calculation.c.value=eval(calculation.c.value)" type="button" value=" = " /></td> </tr>
</tbody></table></form><p><br />
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('2302c6d5-1226-49e1-b4de-6c42a3d92700');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/whizz-scientific-calculator">Maths-Whizz Scientific Calculator</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript><br />
<br />
<p><br />
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('1cd84ce2-3ef5-432f-be33-f8f3a56ca1aa');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/eco-calculator">Eco-Calculator</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript><br />
<table bgcolor="blue" border="3"><tbody>
<tr><th colspan="4"><span style="color: white;">Calculation Station</span></th> </tr>
<tr> <td colspan="3"><br />
<input name="c" type="text" /></td> <td><input name="clean" onclick="calculation.c.value=''" type="button" value=" C " /></td></tr>
<tr> <td><br />
<input name="seven" onclick="calculation.c.value+='7'" type="button" value=" 7 " /><br />
<input name="eight" onclick="calculation.c.value+='8'" type="button" value=" 8 " /><br />
<input name="nine" onclick="calculation.c.value+='9'" type="button" value=" 9 " /><br />
<input name="div" onclick="calculation.c.value+='/'" type="button" value=" / " /></td> <td><br />
<input name="four" onclick="calculation.c.value+='4'" type="button" value=" 4 " /><br />
<input name="five" onclick="calculation.c.value+='5'" type="button" value=" 5 " /><br />
<input name="six" onclick="calculation.c.value+='6'" type="button" value=" 6 " /><br />
<input name="mul" onclick="calculation.c.value+='*'" type="button" value=" x " /></td> <td><br />
<input name="one" onclick="calculation.c.value+='1'" type="button" value=" 1 " /><br />
<input name="two" onclick="calculation.c.value+='2'" type="button" value=" 2 " /><br />
<input name="thr" onclick="calculation.c.value+='3'" type="button" value=" 3 " /><br />
<input name="sub" onclick="calculation.c.value+='-'" type="button" value=" - " /></td> <td><br />
<input name="zer" onclick="calculation.c.value+='0'" type="button" value=" 0 " /><br />
<input name="dot" onclick="calculation.c.value+='.'" type="button" value=" . " /><br />
<input name="add" onclick="calculation.c.value+='+'" type="button" value=" + " /><br />
<input name="eql" onclick="calculation.c.value=eval(calculation.c.value)" type="button" value=" = " /></td> </tr>
</tbody></table></form><p><br />
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('2302c6d5-1226-49e1-b4de-6c42a3d92700');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/whizz-scientific-calculator">Maths-Whizz Scientific Calculator</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript><br />
<br />
<p><br />
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('1cd84ce2-3ef5-432f-be33-f8f3a56ca1aa');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/eco-calculator">Eco-Calculator</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript><br />
Preview
Subscribe to:
Comments (Atom)