<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- start hiding

function getPi()
{return Math.PI}

function getRandom()
{return Math.random()}

function change()
{
var temp = document.calculator.text.value;

if (temp.substring(0,1) == "-")
{document.calculator.list.value = "";
document.calculator.text.value = 0 - document.calculator.text.value * 1}

if (temp.substring(0,1) != "-")
{document.calculator.list.value ="";
document.calculator.text.value = "-" + temp.substring(0,temp.length)}
}

function recip(x)
{document.calculator.text.value = (1/(x))}
function raisePower(x)
{

var y = 0

y = prompt("What is the exponent?", "")

document.calculator.text.value = Math.pow(x,y)
}

// end hiding -->
</SCRIPT>

<!-- Visible Table Starts Here -->

</HEAD>

<BODY>

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=3%>
<TR>
<FORM NAME="calculator">
<TD COLSPAN=5 BGCOLOR=RED>
<CENTER>
<INPUT NAME="list" TYPE=HIDDEN>
<INPUT TYPE=TEXT NAME="text" VALUE="">
</TD>
<TD COLSPAN=2 BGCOLOR=RED>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" Backspace " NAME="backspace" onClick="document.calculator.text.value = document.calculator.text.value.substring(0,document.calculator.text.value.length*1 -1)">
</TD>
<TD COLSPAN=2 BGCOLOR=RED>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" Clear " NAME="clear"
onClick="document.calculator.text.value=''">
</TD>
</TR>
<TR>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 7 " NAME="but7" onClick="document.calculator.text.value+='7'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 8 " NAME="but8" onClick="document.calculator.text.value+='8'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 9 " NAME="but9" onClick="document.calculator.text.value+='9'">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" + " NAME="add" onClick="document.calculator.text.value+='+'">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" - " NAME="subtract" onClick="document.calculator.text.value+='-'">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE="BUTTON" VALUE=" 1/x " NAME="reciprocal" onClick="recip(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE="BUTTON" VALUE=" x^y " NAME="power" onClick="raisePower(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" sin " NAME="sin" onClick="document.calculator.text.value= Math.sin(document.calculator.text.value*3.141592653589793/180)">
</TD>
</TR>
<TR>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 4 " NAME="but4" onClick="document.calculator.text.value+='4'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 5 " NAME="but5" onClick="document.calculator.text.value+='5'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 6 " NAME="but6" onClick="document.calculator.text.value+='6'">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" * " NAME="multiply" onClick="document.calculator.text.value+='*'">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" / " NAME="divide" onClick="document.calculator.text.value+='/'">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" | x | " NAME="absolute" onClick="document.calculator.text.value=Math.abs(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" exp. " NAME="exp" onClick="document.calculator.text.value+='E'">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" cos " NAME="cos" onClick="document.calculator.text.value=Math.cos(document.calculator.text.value*3.141592653589793/180)">
</TD>
</TR>
<TR>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 1 " NAME="but1" onClick="document.calculator.text.value+='1'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 2 " NAME="but2" onClick="document.calculator.text.value+='2'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 3 " NAME="but3" onClick="document.calculator.text.value+='3'">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" ( " NAME="leftbracket" onClick="document.calculator.text.value+='('">
</TD>
<TD BGCOLOR=YELLOW>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" ) " NAME="rightbracket" onClick="document.calculator.text.value+=')'">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" x² " NAME="square" onClick="document.calculator.text.value= document.calculator.text.value * document.calculator.text.value">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" round " NAME="round" onClick="document.calculator.text.value=Math.round(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" tan " NAME="tan" onClick="document.calculator.text.value=Math.tan(document.calculator.text.value*3.141592653589793/180)">
</TD>
</TR>
<TR>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" 0 " NAME="but0" onClick="document.calculator.text.value+='0'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" . " NAME="decimal" onClick="document.calculator.text.value+='.'">
</TD>
<TD BGCOLOR=BLUE>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" +|- " NAME="sign" onClick="change()">
</TD>
<TD COLSPAN=2 BGCOLOR=BLACK>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" = " NAME="equals" onClick="document.calculator.text.value=eval(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" x½ " NAME="sqrt" onClick="document.calculator.text.value=Math.sqrt(document.calculator.text.value)">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" rand " NAME="random" onClick="document.calculator.text.value = getRandom()">
</TD>
<TD BGCOLOR=LIME>
<CENTER>
<INPUT TYPE=BUTTON VALUE=" pi " NAME="pi" onClick="document.calculator.text.value+= getPi()">
</TD>
</TR>
</TABLE>

</FORM>


</BODY>
</HTML>