<!-- CALCULATOR --> <!-- This goes in the HEAD of the html file --> <script language="javascript" type="text/javascript"> <!-- Copyright 2002, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- function sym(val) { if ( document.calc.sumit && isnumeral(val) ) clearIt(); document.calc.result.value = document.calc.result.value + val; document.calc.sumit = false; } function cal() { document.calc.result.value = eval(document.calc.result.value); document.calc.sumit = true; } function sumIt() { str = document.calc.result.value; if (str.indexOf ('+') >= 1) { cal() } if (str.indexOf ('-') >= 1) { cal() } if (str.indexOf ('/') >= 1) { cal() } if (str.indexOf ('*') >= 1) { cal() } } function isnumeral(val) { isNum = true; numChars = "0123456789."; if ( numChars.indexOf(val) == -1 ) isNum = false; return isNum; } function theSrt() { document.calc.result.value = Math.sqrt(document.calc.result.value); document.calc.sumit = true; } function percent() { document.calc.result.value = (eval(document.calc.result.value) / 100); document.calc.sumit = true; } function theSign() { document.calc.result.value = -(document.calc.result.value) } function reciprocal() { document.calc.result.value = 1 / document.calc.result.value; document.calc.sumit = true; } function mem() { document.calc.secret.value = eval(document.calc.result.value) } function recall() { document.calc.result.value = document.calc.secret.value if (document.calc.result.value == "NaN") { alert('Sorry, but the Memory was empty!\nTo feed in memory first press the MS button.'); return false; } } function addMem() { if (document.calc.secret.value == "") { alert('Sorry, but the Memory is empty!\nInstead click the MS button.'); return false; } document.calc.secret.value = parseFloat(document.calc.secret.value) + parseFloat (document.calc.result.value) } function clearMem() { document.calc.secret.value = "" } function clearIt() { document.calc.result.value = ""; } function backSp() { theval = document.calc.result.value.length theval = document.calc.result.value.substring(0,document.calc.result.value.length-1) document.calc.result.value = theval } function info() { alert('Calculator\n\nCopyright © 2002 Sandeep Gangadharan!'); } //--> </script> <!-- This goes in the HEAD of the html file --> <body onLoad="document.calc.result.focus();"> <form name="calc"> <table align="center" border="0" bgcolor="#c0c0c0" width="145" cellspacing="0" cellpadding="2"> <tr> <td bgcolor="#000080" colspan="3"> <font size="1" face="ms sans serif, verdana, arial, helvetica, sans-serif" color="#ffffff"> <b>Calculator</b> </font> </td> <td align="right" bgcolor="#000080"> <input type="button" value=" i " style="font-size: 9pt" onClick="info()" /> </td> </tr> <tr> <td align="center" colspan="4"> <input type="text" name="result" size="18" style="text-align: right" accesskey="1" tabindex="1" /> </td> </tr> <tr> <td align="center" colspan="2"> <input type="button" value="&nbsp;&nbsp; Back &nbsp;&nbsp;" style="font-size: 9pt; color: #ff0000" title="Backspace" onClick="backSp()" /> </td> <td align="center"> <input type="button" value=" C " style="font-size: 9pt; color: #ff0000" title="Clear" onClick="clearIt()" /> </td> <td align="center"> <input type="button" value="MC" style="font-size: 9pt; color: #ff0000" title="Clear Memory" onClick="clearMem()" /> </td> <tr> <td align="center"> <input type="button" value="sqrt" style="font-size: 9pt" title="Square Root" onClick="theSrt()" /> </td> <td align="center"> <input type="button" value="MS" style="font-size: 9pt; color: #ff0000" title="Memory" onClick="mem()" /> <input type="hidden" name="secret" /> </td> <td align="center"> <input type="button" value="MR" style="font-size: 9pt; color: #ff0000" title="Memory Recall" onClick="recall()" /> </td> <td align="center"> <input type="button" value="M+" style="font-size: 9pt; color: #ff0000" title="Add Memory" onClick="addMem()" /> </td> </tr> <tr> <td align="center"> <input type="button" value="+/-" style="font-size: 9pt" title="Changes the Sign" onClick="theSign()" /> </td> <td align="center"> <input type="button" value="1/x" style="font-size: 9pt" title="Calculates the Reciprocal" onClick="reciprocal()" /> </td> <td align="center"> <input type="button" value=" % " style="font-size: 9pt" title="Result of Multiplication as a Percentage" onClick="percent()" /> </td> <td align="center"> <input type="button" value="&nbsp; / &nbsp;" style="font-size: 9pt; color: #ff0000" title="Divides" onFocus="sumIt()" onClick="sym('/')" /> </td> </tr> <tr> <td align="center"> <input type="button" value="&nbsp; 7 &nbsp;" style="font-size: 9pt" onClick="sym(7)" /> </td> <td align="center"> <input type="button" value="&nbsp; 8 &nbsp;" style="font-size: 9pt" onClick="sym(8)" /> </td> <td align="center"> <input type="button" value="&nbsp; 9 &nbsp;" style="font-size: 9pt" onClick="sym(9)" /> </td> <td align="center"> <input type="button" value="&nbsp; * &nbsp;" style="font-size: 9pt; color: #ff0000" title="Multiplies" onFocus="sumIt()" onClick="sym('*')" /> </td> </tr> <tr> <td align="center"> <input type="button" value="&nbsp; 4 &nbsp;" style="font-size: 9pt" onClick="sym(4)" /> </td> <td align="center"> <input type="button" value="&nbsp; 5 &nbsp;" style="font-size: 9pt" onClick="sym(5)" /> </td> <td align="center"> <input type="button" value="&nbsp; 6 &nbsp;" style="font-size: 9pt" onClick="sym(6)" /> </td> <td align="center"> <input type="button" value="&nbsp; - &nbsp;" style="font-size: 9pt; color: #ff0000" title="Subtracts" onFocus="sumIt()" onClick="sym('-')" /> </td> </tr> <tr> <td align="center"> <input type="button" value="&nbsp; 1 &nbsp;" style="font-size: 9pt" onClick="sym(1)" /> </td> <td align="center"> <input type="button" value="&nbsp; 2 &nbsp;" style="font-size: 9pt" onClick="sym(2)" /> </td> <td align="center"> <input type="button" value="&nbsp; 3 &nbsp;" style="font-size: 9pt" onClick="sym(3)" /> </td> <td align="center"> <input type="button" value="&nbsp; + &nbsp;" style="font-size: 9pt; color: #ff0000" title="Adds" onFocus="sumIt()" onClick="sym('+')" /> </td> </tr> <tr> <td align="center"> <input type="button" value="&nbsp; 0 &nbsp;" style="font-size: 9pt" onClick="sym(0)" /> </td> <td align="center"> <input type="button" value="&nbsp; . &nbsp;" style="font-size: 9pt" onClick="sym('.')" /> </td> <td align="center" colspan="2"> <input type="button" style="font-size: 9pt; color: #ff0000" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" tabindex="2" onFocus="sumIt()" onClick="cal()" /> </td> </tr> </table> </form>