Advanced Calculator 2

Haroon Sarwar Nov 9, 2004

This is a very sharp looking advanced calculator made using JavaScript and HTML. It includes, trigonometric functions (that may be done in either radians or degrees), log functions for both natural base and base 10, factorials, roots, power calculations, parenthesis and memory functions. The script also includes the capability to compute in base 10 and base 2(only simple integer calculations may be done in base 2).

Check out the calculator! Click here and save the background image to the same directory.

The JavaScript Source: Math Related: Advanced Calculator 2

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- ONE STEP TO INSTALL ADVANCED CALCULATOR 2:

1.  Copy the coding into the BODY of your HTML document  -->

<BODY>

<TR>

<TR>

<P align=center><INPUT

style="WIDTH: 453px; HEIGHT: 26px" size=57 name=display

value=0></P></TD></TR>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<P align=center><INPUT type=radio CHECKED

name=degrad

><FONT face="MS Sans Serif" size=2>Radians</FONT></P></TD>

<TD>

<P align=left><INPUT type=radio name=degrad

><FONT size=2

face="MS Sans Serif">Degrees</FONT></P></TD>

<TD>

<P align=center><INPUT id=radio1 type=radio name=bindec onclick="BaseCon('DTOB')"><FONT

face="MS Sans Serif" size=2>Binary</FONT></P></TD>

<TD>

<P align=left><INPUT id=radio2 type=radio name=bindec onclick="BaseCon('BTOD')"

CHECKED><FONT

face="MS Sans Serif" size=2>Decimal</FONT></P></TD>

<TD>

<P align=center><INPUT

style="WIDTH: 21px; HEIGHT: 22px; BACKGROUND-COLOR: linen" readOnly size=2

name=mems></P></TD></TR>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TD>

<TD>

<TD>

<TD>

<TD>

<TR>

<TR>

<TR>

</FORM>

//variables to be used during calculations

var isdec=false;//this tells if the curret input has had a decimal put in it

var calculation="";//this will hold the expression to be evaulated

var isstart=true;//tells that a new input has to be accepted in

var mem;//will hold the memory

function Append(v)

{

if(isstart==true)

form1.display.value=v;

else

form1.display.value+=v;

isstart=false;

}

function AddDec()

{

if(!isdec)

{

if(isstart==true)

{

form1.display.value="0.";

isstart=false;

}

else form1.display.value+=".";

isdec=true;

}

function StandOp(op)

{

if(!Check(form1.display.value))

return;

var v;

if(form1.radio1.checked)

v=BinToDec(form1.display.value);

else v=form1.display.value;

if(op=="(")

calculation+=op;

else

calculation+=v+op;

isstart=true;

isdec=false;

}

function RevS()

{

form1.display.value="-"+form1.display.value;

}

function TrigFunc(fn)

{

var val=form1.display.value;

if(form1.degrad[1].checked)

val=ToRadians(val);

if(fn=="sin")

val=Math.sin(val);

else if(fn=="cos")

val=Math.cos(val);

else if(fn=="tan")

val=Math.tan(val);

form1.display.value=val;

isdec=false;

isstart=true;

}

function TrigFuncA(fn)

{

var val=form1.display.value;

if(fn=="asin")

val=Math.asin(val);

else if(fn=="acos")

val=Math.acos(val);

else if(fn=="atan")

val=Math.atan(val);

if(form1.degrad[1].checked)

val=ToDegrees(val);

form1.display.value=val;

isdec=false;

isstart=true;

}

function Power(fn)

{

if(fn=="sq")

form1.display.value=Math.pow(form1.display.value,2);

else if(fn=="cu")

form1.display.value=Math.pow(form1.display.value,3);

else if(fn=="n")

{

var v=4;

v=prompt("Enter the value of n:",v);

form1.display.value=Math.pow(form1.display.value,v);

}

isstart=true;

isdec=false;

}

function Root(fn)

{

if(form1.display.value<0)

{

alert("Negative number in root!");

return;

}

if(fn=="sq")

form1.display.value=Math.sqrt(form1.display.value);

else if(fn=="cu")

form1.display.value=Math.pow(form1.display.value,1/3);

else if(fn=="n")

{

var v=4;

v=prompt("Enter the value of n:",v);

form1.display.value=Math.pow(form1.display.value,1/v);

}

isstart=true;

isdec=false;

}

function Round()

{

form1.display.value=Math.round(form1.display.value);

}

function LogFunc(fn)

{

if(fn=="ln")

form1.display.value=Math.log(form1.display.value);

else if(fn=="e")

form1.display.value=Math.exp(form1.display.value);

else if(fn=="log")

form1.display.value=Math.log(form1.display.value)/Math.log(10);

else if(fn=="10")

form1.display.value=Math.pow(10,form1.display.value);

isstart=true;

isdec=false;

}

function Fac()

{

form1.display.value=Factorial(form1.display.value);

}

function Factorial(i)

{

if(i==0)

return 1;

else return i*Factorial(i-1);

}

function ToDegrees(v)

{

return (180/Math.PI)*v;

}

function ToRadians(v)

{

return v*Math.PI/180;

}

function StrRev(str)

{

if (!str) return "";

var revst="";

for (i = str.length-1; i>=0; i--)

revst+=str.charAt(i)

return revst;

}

function BaseCon(v)

{

if(v=="DTOB")

{

form1.display.value=DecToBin(form1.display.value);

Disable();

}

else

{

form1.display.value=BinToDec(form1.display.value);

Enable();

}

function DecToBin(dec)

{

var bin="";

var temp=dec;

var un=false;

temp=""+Math.round(temp);

if(temp.charAt(0)=='-')

{

temp=temp*-1;

un=true;

}

while (temp>=2)

{

var i=temp%2;

bin+=""+i;

temp=parseInt(temp/2,10);

}

bin+=temp;

var res="";

if(un)

return "-"+StrRev(bin);

else return StrRev(bin);

}

function Disable()

{

var allow="10/*-+()=ClearAll ClearMRMCMS";

for(i=0;i<form1.length;i++)

{

if(allow.indexOf(form1.elements(i).value)==-1)

form1.elements(i).disabled=true;

}

form1.radio1.disabled=false;

form1.radio2.disabled=false;

form1.display.disabled=false;

form1.e.disabled=true;

form1.about.disabled=false;

form1.history.disabled=false;

}

function Enable()

{

for(i=0;i<form1.length;i++)

form1.elements(i).disabled=false;

}

function Pi()

{

form1.display.value=Math.PI;

}

function About()

{

alert("Scientific Calculator (Beta Version)\n");

}

function BinToDec(bin)

{

return parseInt(bin,2);

}

function Evaluate()

{

var val;

if(form1.radio1.checked)

val=BinToDec(form1.display.value);

else val=form1.display.value;

if(calculation.charAt(calculation.length-1)!=')')//for closing brace

calculation+=val;

if(Check(calculation))

{

val=eval(calculation);

val=val+"";//make it a string(eval makes it a number)

form1.history.value+=calculation+"="+val+"\n";

form1.history.doScroll("scrollbarPageDown");

if(form1.radio1.checked)

val=DecToBin(val);

form1.display.value=val;

calculation="";

isstart=true;

isdec=false;

}

function Check(v)

{

var valid="1234567890.+-*/()%";

for(i=0;i&}

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Advanced Calculator 2

Leave a Response

Attention JavaScript Coders

Go Deeper