You are on page 1of 3

<HEAD> <STYLE type="text;css"> .

calcBtn { font-weight : bold/ width: 32px; height: 32px; } </style> <script language="JavaScript"> function Calculator_OnClick(keyStr) { var resultsField = document.calculator.calcResults; switch (keyStr) { case "0": case "1": case "2": case "3": case "4": case "5": case "6": case "7": case "8": case "9": case "0": case ".": if ((this.lastOp==this.opClear) || (this.lastOp==this.opOperator)) { resultsField.value = keyStr; } else { // ignore extra decimals if ((keyStr!=".") || (resultsField.value.indexOf(".")<0)) { resultsField.value += keyStr; } } this.lastOp = this.opNumber; break; case "*": case "/": case "+": case "-": if (this.lastOp==this.opNumber) this.Calc(); this.evalStr += resultsField.value + keyStr; this.lastOp = this.opOperator; break; case "=":

this.Calc(); this.lastOp = this.opClear; break; case "c": resultsField.value = "0"; this.lastOp = this.opClear; break; default: alert("'" + keyStr + "' not recognized."); } } function Calculator_Calc() { var resultsField = document.calculator.calcResults; //alert("eval:"+this.evalStr+resultsField.value); resultsField.value = eval(this.evalStr+resultsField.value); this.evalStr = ""; } function Calculator() { this.evalStr = ""; this.opNumber = 0; this.opOperator = 1; this.opClear = 2; this.lastOp = this.opClear; this.OnClick = Calculator_OnClick; this.Calc = Calculator_Calc; } gCalculator = new Calculator(); </script> <BODY bgcolor = "blue"> <form name="calculator"> <table border="2" cellpadding="4" cellspacing="0" bordercolor="#000000"> <tr> <td> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tr> <td colspan="4"> <input type="text" name="calcResults" value="0" size="20" style="text-align: rig ht"></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" C " name="calclear" onclick="gC alculator.OnClick('c')"></td> <td></td> <td> </td>

<td><input class="calcBtn" type="button" value=" = " name="calequal" onclick="gC alculator.OnClick('=')"></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 7 " name="cal7" onclick="gCalcu lator.OnClick('7')" ondblclick="gCalculator.OnClick('7')"></td> <td><input class="calcBtn" type="button" value=" 8 " name="cal8" onclick="gCalcu lator.OnClick('8')" ondblclick="gCalculator.OnClick('8')"> </td> <td><input class="calcBtn" type="button" value=" 9 " name="cal9" onclick="gCalcu lator.OnClick('9')" ondblclick="gCalculator.OnClick('9')"> </td> <td><input class="calcBtn" type="button" value=" / " name="caldiv" onclick="gCal culator.OnClick('/')"></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 4 " name="cal4" onclick="gCalcu lator.OnClick('4')" ondblclick="gCalculator.OnClick('4')"> </td> <td><input class="calcBtn" type="button" value=" 5 " name="cal5" onclick="gCalcu lator.OnClick('5')" ondblclick="gCalculator.OnClick('5')"> </td> <td><input class="calcBtn" type="button" value=" 6 " name="cal6" onclick="gCalcu lator.OnClick('6')" ondblclick="gCalculator.OnClick('6')"> </td> <td><input class="calcBtn" type="button" value=" * " name="calmul" onclick="gCal culator.OnClick('*')"></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 1 " name="cal1" onclick="gCalcu lator.OnClick('1')" ondblclick="gCalculator.OnClick('1')"> </td> <td><input class="calcBtn" type="button" value=" 2 " name="cal2" onclick="gCalcu lator.OnClick('2')" ondblclick="gCalculator.OnClick('2')"> </td> <td><input class="calcBtn" type="button" value=" 3 " name="cal3" onclick="gCalcu lator.OnClick('3')" ondblclick="gCalculator.OnClick('3')"> </td> <td><input class="calcBtn" type="button" value=" + " name="calplus" onclick="gCa lculator.OnClick('+')"></td> </tr> <tr> <td> </td> <td><input class="calcBtn" type="button" value=" 0 " name="cal0" onclick="gCalcu lator.OnClick('0')" ondblclick="gCalculator.OnClick('0')"> </td> <td><input class="calcBtn" type="button" value=" . " name="caldec" onclick="gCal culator.OnClick('.')"></td> <td><input class="calcBtn" type="button" value=" - " name="calminus" onclick="gC alculator.OnClick('-')"></td> <P><b> By Jasoel Joshua G. Marino</b></P> </tr> </table> </td> </tr> </table> </form> </BODY> </HTML>

You might also like