|
| Calculation: | |
| Result: |
|
Download calc.js, (Right Click, Save-As) Make or use a HTML file with the usual tags, HTML. HEAD, TITLE, BODY in the same place as calc.js (This is case sensative) cut and paste the head section in the head, and the body section in the body -------[Head Code below]------------ <script language="JavaScript" SRC="calc.js"> </script> -------[Body Code below]------------ <!-- <Calculator JavaScript in the Body Starts Here --> <CENTER> <FORM> <INPUT TYPE="button" VALUE=" 7 " onClick="seven(this.form)"> <INPUT TYPE="button" VALUE=" 8 " onClick="eight(this.form)"> <INPUT TYPE="button" VALUE=" 9 " onClick="nine(this.form)"> <INPUT TYPE="button" VALUE="AC" onClick="AC(this.form)"> <br> <INPUT TYPE="button" VALUE=" 4 " onClick="four(this.form)"> <INPUT TYPE="button" VALUE=" 5 " onClick="five(this.form)"> <INPUT TYPE="button" VALUE=" 6 " onClick="six(this.form)"> <INPUT TYPE="button" VALUE=" * " onClick="multiply(this.form)"> <INPUT TYPE="button" VALUE=" / " onClick="divide(this.form)"> <br> <INPUT TYPE="button" VALUE=" 1 " onClick="one(this.form)"> <INPUT TYPE="button" VALUE=" 2 " onClick="two(this.form)"> <INPUT TYPE="button" VALUE=" 3 " onClick="three(this.form)"> <INPUT TYPE="button" VALUE=" + " onClick="plus(this.form)"> <INPUT TYPE="button" VALUE=" - " onClick="minus(this.form)"> <br> <INPUT TYPE="button" VALUE=" 0 " onClick="zero(this.form)"> <INPUT TYPE="button" VALUE=" . " onClick="point(this.form)"> <INPUT TYPE="button" VALUE=" = " onClick="equals(this.form)"> <p> </CENTER> <CENTER> <TABLE BORDER="6" BGCOLOR="Yellow" ><TD> <UL> <LI>A JavaScript Calculator. <LI>No Exponents, Clear or M+ <LI>No Clear or Memory + <LI>Only basic calculator functions <LI>You can type in the "Calculations" box. <LI>Than click the equal sign <LI>Example (29/4) * 2 </UL> <TR></TABLE></CENTER> <CENTER> <TABLE BORDER="6" BGCOLOR="Yellow" > <TD>Calculation:</TD> <TD><INPUT TYPE="text" NAME="calculation" SIZE=20></TD> <TR> <TD>Result:</TD> <TD><INPUT TYPE="text" NAME="result" SIZE=20></TD> </FORM></TABLE> </CENTER> <!-- <Calculator JavaScript Body Ends Here --> |