Resource http://www.meta-calculator.com/l
<!-- first link to jquery -->
<!DOCTYPE html>
<html>
<head>
<script src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script><!-- add a little style to the calculator-->
<style>
input{
font-size:13px;
font-weight:bold;
padding:5px;
margin:5px;
}
#scientificCalc11 {
font-size: 13px;
margin: 0;
color: #666;
text-shadow: 1px 1px 2px #ffffff;
font-weight:bold;
font-family: "MuseoSans500Regular", sans-serif;
}
#scientificCalc11 cell{
width:20%;
font-weight:bold
}
#scientificCalc11 #results{
width:250px;
background-color:#CCC;
height:20px;
margin:5px;
padding:3px;
}
.calcbttn {
border: 0px;
cursor:pointer;
font-family: "MuseoSans500Regular", sans-serif;
text-shadow: 1px 1px 2px #ffffff;
color: #666;
padding-left: 8px;
padding-right: 8px;
font-size: 13px;
background-repeat: no-repeat;
background: #eee;
background: -webkit-linear-gradient(#fff, #eee);
background: -moz-linear-gradient(top, #fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
-moz-box-shadow: 0px 1px 3px 0px #bcbcbc, inset 0 0 3px #ffffff;
-webkit-box-shadow: 0px 1px 3px 0px #bcbcbc, inset 0 0 3px #ffffff;
box-shadow: 0px 1px 3px 0px #bcbcbc, inset 0 0 3px #ffffff;
}
#errmsg{
display:none;
background-color:#F9F;
color:#900;
border-width:2px;
border-style:solid;
border-color:#900;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
</style><!-- the main script follows: -->
<script>
$(window).ready(function(){
var debug = false;
var input = $("#calc_tb");
var $posfix = $("#posfix");
var $answer = $("#answer");
var bFirstTime = true;
var $results = $("#results");
var bWasNumeric =false;
var bisNumeric = false;
var $rb =$("#radians_rb");
// if(debug)$results.html('1 +sin(30) + cos(60) + 2.1')
var functions = [ 'sqrt' , 'cos' , 'sin' , 'log10', 'ln' ,'abs' ,'tan' ]
function isOperand(elem, bAllowParenthesis){
elem = $.trim( elem) ;
if(bAllowParenthesis && ( elem == '(' || elem == ')' ) )
return true;
return (elem == '+' || elem == '-' || elem == '*' || elem =='/' || elem == '^' );
}
function displayError(msg, data)
{
var h =''
if(msg =='mismatched_parenthesis')
h = ' Your paranthesis are not balanced';
else if(msg == 'too_many_decimals')
h = ('You entered a number with too many decimals');
else if(msg == 'number_parse_problem')
h = ('We had trouble understanding the following term ' + data);
else if(msg == 'rpn_pop_pop')
h = ('We we were unable to process your expression') //This postifix syntax is invalid');
else if (msg == 'division_by_zero' )
h = (' You are trying to divide by zero!' );
else if (msg =='could_not_parse')
h = ('We we were unable to process your expression');
$("#errmsg").css('display','block');
$("#errmsg").html( h )
}
function getFullNumber(str){
var bFoundDot = false;
var out="";
for( var j = 0 ;j< str.length ; j++)
{
var currLett = str.substring(j, j + 1 ) ;
if( '0123456789'.indexOf(currLett) != -1 )
out += currLett;
else if( '.' == currLett && bFoundDot)
{
displayError('too_many_decimals');
break;
}
else if( '.' == currLett && bFoundDot== false)
{
out += currLett ;
bFoundDot = true;
}
else
break;
}
return out;
}
function toArr(data){
var bAllowParenthesis = true;
var arr =[];
for(var i = 0;i< data.length; i++)
{
var currLett = data.substring(i, i+1);
if(currLett== ' ') continue;
//is a dot or is a digit
var bisNumeric = currLett == '.' || '0123456789'.indexOf(currLett) != -1 ;
if(bisNumeric )
{//get the full number which could be several characters long
var fullNum = getFullNumber(data.substring(i ) )
var isOk = isNaN( +fullNum) == false; //one last check that it actually is a number
if(isOk )
arr.push( parseFloat( fullNum) +"") ;
else
displayError('number_parse_problem', fullNum);
i += fullNum.length-1; // -1 because i is i++ in loop
}
else if( isOperand( currLett, bAllowParenthesis) )
arr.push(currLett);
}
//there's got be a better way to do this..but it works ;)
//support unary negative signs by finding them and putting them with numbers they preceed
for( i = arr.length-1 ;i >= 0 ; i--)
{
var token = arr[i];
//look for negatives
if( arr[i] == '-' )
{
if( i ==0 && arr.length > 0)
{
arr[0] = '-' + arr[1];
arr.splice(1,1);
}
//negative preceded by an operand and is a unary
else if ( i+ 1< data.length && i > 0 && isOperand(arr[i-1] , bAllowParenthesis ) && '0123456789.'.indexOf(arr[i+1] ))
{
arr[i] = '-'+ arr[i+1] ;
arr.splice(i+1,1);
}
}
}
return arr
}
function resetErr(){
$("#errmsg").css('display','none')
}
input.focus(function(){
if(bFirstTime)
input.val('')
input.css('color','black');
bFirstTime = false;
})
function p( str){if (debug) console.log(str ) ; }
function infixToPostfix(array){
var i, operandStack = [];
var output=[] ;
var bAllowParenthesis = true;
for( i = 0 ; i < array.length; i++)
{
var currentToken = $.trim( array[i] );
if( isOperand( currentToken, bAllowParenthesis ))
{
p("I is operand " + currentToken + ', output : ' +output + ", operandStack: " +operandStack);
if( operandStack.length == 0 )
operandStack.push( currentToken );
else if ( operandStack.length > 0 && currentToken == ')' )
{
while (operandStack.length > 0 && operandStack[operandStack.length-1] != '(' )
{
output. push( operandStack.pop());
}
p('\t B now, pop off ' +operandStack[operandStack.length-1] + ' SHOULD BE CLOSING PARENTHESIS!' );
if(operandStack[operandStack.length-1] != '(')
{
displayError('mismatched_parenthesis');
return;
}
operandStack.pop() ; // remove parenthesis
}//
else if( operandStack.length > 0 )
{
p("II is operand " + currentToken + ', output : ' +output);
if( (operandStack[operandStack.length-1] == "(" && currentToken == "(" || ( currentToken != "(" ) && operatorToPrecedence(operandStack[operandStack.length-1]) >= operatorToPrecedence( currentToken) ) )
{
p(" C , operandStack : "+operandStack );
while (operandStack.length > 0 && operandStack[operandStack.length-1] != "("
&& operatorToPrecedence(operandStack[operandStack.length-1]) >= operatorToPrecedence( currentToken) )
{
output.push( operandStack.pop() );
}
p('\t D now, pop off ' +operandStack[operandStack.length-1] );
operandStack.push(currentToken) ;
}
else if ( operatorToPrecedence( operandStack[operandStack.length-1] ) < operatorToPrecedence( currentToken) )
{
p('\t III operandStack[operandStack.length-1] ,' +operandStack[operandStack.length-1] + "< " + currentToken );
operandStack.push( currentToken );
}
}
}
// ELSE IT IS ANUMBER
else if ( isNaN( +currentToken) == false) // ie it is a number
{
p("IV isNumber() currentToken = " +currentToken);
output.push(currentToken)
}
}
while( operandStack.length > 0 )
output.push( operandStack.pop() ) ;
return output;
}
function operatorToPrecedence( op){
if( op == "+" || op == "-" )
return 1;
else if( op== "*" || op == '/')
return 2;
else if (op == '^')
return 3;
else if (op == '(' || op == ')')
return 4;
else
throw ("Unknown operator =" +op + ',at operatorToPrecedence()')
}
///this does not actually us a stack because the user has entered teh entire equation
//
function evaluateRPN( rpnArray )
{
var operandsStack = [];
var r = 0;
var i =0;
var iterationCount = 0;
while (rpnArray.length > 1)
{
var currentToken = $.trim(rpnArray[i]) ;
if( isOperand( currentToken ))
{ //console.log(' isOperand() ' + op);
var op = rpnArray.splice(i,1);
var insertAt = i-2;
i--;
if(rpnArray.length < 2)
{
displayError('rpn_pop_pop')
return;
}
var n1Was = rpnArray.splice(i,1);
i--;
var n2Was = rpnArray.splice(i,1);
var n1 =parseFloat(n1Was );
var n2 =parseFloat( n2Was);
if( isNaN( +n1))
{
console.log('n1 , ' + n1Was + ', is not a number. Parsing exiting now');
displayError('could_not_parse');//invalid_token_rpn', 'Invalid syntax. ' + n1Was + ' should be a number');
return ;
}
if( isNaN( +n2))
{
displayError('could_not_parse');
console.log('n2 , ' + n2Was + ', is not a number. Parsing exiting now ');
return ;
}
var pushMe = calculate( n2, n1, op);
rpnArray.splice(insertAt, 0, pushMe );
}
else
i++;
if (iterationCount++ > 500 )
{
displayError('could_not_parse');
console.log('get me outta here, there is something wrong');
return;
}
}
if(rpnArray.length != 1)
{
displayError('could_not_parse');
console.log('unable to parse postfix expression : ' + rpnArray.toString().substring(1, rpnArray.toString().length-1) );
}
return rpnArray.pop();
}
function calculate (a,b,op){
if( op == '+')
return a + b;
else if( op == '-')
return a - b;
else if( op == '*')
return a * b;
else if( op == '^')
return Math.pow(a,b);
else if( op == '/')
{
if(b == 0)
{
displayError('division_by_zero');
//throw ("division by zero");
return;
}
return a / b;
}
}
function replaceAllPis(){
var data = new String($results.text()) ;
if(data.indexOf('pi') == -1)
return;
while( data.indexOf('pi') != -1)
{
var firstPart = data.substring(0,data.indexOf('pi') );
var middle = Math.PI;
var lastPart = data.substring( data.indexOf('pi') + 2 )//
data = firstPart + middle + lastPart;
}
$results.html(data)
}
function evaluateFuncts(){
var finalString='';
var bRadians = $rb.is(":checked");
var radDeg = bRadians? 1 : ( Math.PI/180 );
replaceAllPis();
for(var i = 0 ; i < functions.length ; i++)
{
var data = new String($results.text()) ;
var fxn= functions[i];
var c =0;
var firstRun = true ;
while(data.indexOf(fxn ) != -1 && c++ < 5)
{
if(firstRun )
{
p('fxn: ' + fxn + ', data : ' +data);
firstRun =false;
}
var inject ='inject'
var iStart = data.indexOf(fxn );
var temp = data.substring(iStart + fxn.length );
var iEnd = temp.indexOf( ')' ) +1;
var lastPart = temp.substring(iEnd);;
temp = temp.substring( 0 ,iEnd); // this is ( 60) for something like cos(60)
var number = temp.substring(temp.indexOf('(')+1 , temp.indexOf(')' ));
if( isNaN( +number))
console.log('problem parsing number = ' +number);
number = parseFloat (number);
if(fxn == 'sin')
{
console.log('radDeg * number ' +(radDeg * number));
inject = Math.sin(radDeg * number);
console.log('Math.sin(radDeg * number) Math.sin(' + (radDeg * number) +')= ' +inject );
}
else if(fxn == 'cos')
inject = Math.cos(radDeg * number);
else if(fxn == 'tan')
inject = Math.tan(radDeg * number);
else if(fxn == 'sqrt')
inject = Math.sqrt(number);
else if(fxn == 'log10')
inject = Math.LOG10E(number);
else if(fxn == 'ln')
inject = Math.LN10(number);
else if(fxn == 'abs')
inject = Math.abs(number);
var firstPart = data.substring(0,iStart);
data = firstPart + ' ' + inject + ' ' + lastPart;
$results.text( data )
}
}
}
$(".calcbttn").click(function(){
resetErr();
bisNumeric =false;
var val = $(this).val()
var inject=''
if( $.inArray (val, functions) != -1 )
{
inject = ( bWasNumeric ? ' * ' : '' ) + val +'('
}
else if( val == 'del')
{
{
var data = new String($results.text()) ;
if(data.length == 0 )
return;
else if(data.length == 1 && data == ' ')
return;
var lastLttr = data.substring(data.length-1 );
if(lastLttr == ' ')
data = data.substring(0, data.length-2) ;
else
data = data.substring(0, data.length-1) ;
$results.html (data);
return;
}
}
else if(val == 'C')
{
$results.html('')
return;
}
else if (val == 'parenleft')
inject = '(' ;
else if (val == 'parenright')
inject = ')' ;
else if(val== '=')
{
evaluateFuncts();
var arr = toArr($results.text());
arr = infixToPostfix(arr) ;
var theResult= evaluateRPN(arr);
$results .html (theResult);
return;
}
else if( val == 'pi')
{
inject = 'pi'
bisNumeric = true;
}
else
{
if( isNaN(+val ) == false || val == '.')
bisNumeric = true;
inject = val;
}
// console.log( $(this).val() + ' was clicked ');
var space = (bWasNumeric && bisNumeric ) ? '' : ' ';
$results .html ( $results.html() + space + inject );
bWasNumeric = bisNumeric;
})
$("#clear").click(function(){
input.val('');
})
})
</script><!-- now the html part -->
<title></title>
</head>
<body>
<div id="scientificCalc11">
<div id="errmsg"></div>
<div id="results"></div>
<table style="width:250px;">
<tr>
<td class="cell"><input class='calcbttn' id="7" type="button"
value="7"></td>
<td class="cell"><input class='calcbttn' id="8" type="button"
value="8"></td>
<td class="cell"><input class='calcbttn' id="9" type="button"
value="9"></td>
<td class="cell"><input class='calcbttn' id="divide" type=
"button" value="/"></td>
<td class="cell"><input class='calcbttn' id="parenleft" type=
"button" value="("></td>
</tr>
<tr>
<td class="cell"><input class='calcbttn' id="4" type="button"
value="4"></td>
<td class="cell"><input class='calcbttn' id="5" type="button"
value="5"></td>
<td class="cell"><input class='calcbttn' id="6" type="button"
value="6"></td>
<td class="cell"><input class='calcbttn' id="multiply" type=
"button" value="*"></td>
<td class="cell"><input class='calcbttn' id="parenright" type=
"button" value=")"></td>
</tr>
<tr>
<td class="cell"><input class='calcbttn' id="1" type="button"
value="1"></td>
<td class="cell"><input class='calcbttn' id="2" type="button"
value="2"></td>
<td class="cell"><input class='calcbttn' id="3" type="button"
value="3"></td>
<td class="cell"><input class='calcbttn' id="plus" type=
"button" value="+"></td>
<td class="cell"><input class='calcbttn' id="clear" type=
"button" value="C"></td>
</tr>
<tr>
<td class="cell"><input class='calcbttn' id="0" type="button"
value="0"></td>
<td class="cell"><input class='calcbttn' id="decimal" type=
"button" value="."></td>
<td class="cell"><input class='calcbttn' id="minus" type=
"button" value="-"></td>
<td class="cell"><input class='calcbttn' id="^" type="button"
value="^"></td>
<td class="cell"><input class='calcbttn' id="evaluate" type=
"button" value="="></td>
</tr>
<tr>
<td class="cell"><input class='calcbttn' id="abs" type="button"
value="abs"></td>
<td class="cell"><input class='calcbttn' id="sin" type="button"
value="sin"></td>
<td class="cell"><input class='calcbttn' id="cos" type="button"
value="cos"></td>
<td class="cell"><input class='calcbttn' id="tan" type="button"
value="tan"></td>
<td class="cell"><input class='calcbttn' id="del" type="button"
value="del"></td>
</tr>
<tr>
<td class="cell"><input class='calcbttn' id="log10" type=
"button" value="log10"></td>
<td class="cell"><input class='calcbttn' id="log2" type=
"button" value="log2"></td>
<td class="cell"><input class='calcbttn' id="ln" type="button"
value="ln"></td>
<td class="cell"><input class='calcbttn' id="pi" type="button"
value="pi"></td>
<td class="cell"><input class='calcbttn' id="sqrt" type=
"button" value="sqrt"></td>
</tr>
</table><input id="radians_rb" name="raddeg" type="radio" value=
"radians"> Radians <input checked id="degrees_rb" name="raddeg" type=
"radio" value="degrees"> degrees
</div>
<!-- REMOVING THE TEXT BELOW VIOLATES THE TOS OF USING THIS SCRIPT -->
<span style="font-size:12px; font-style:italic;">brought to you by
www.meta-calculator.com</span>
</body>
</html>
Go back to home page 
0 comments:
Post a Comment