home / Math Calculators / Scientific Calculator for Your Site
Scientific Calculator for Your Site

Feel free to use our Scientific Calculator on your website. The example implementation is shown below. It is possible to alter the color, font, and certain parts of the code to best fit your website.
Installation Instructions

To install, copy all of the code in the following text area into the HTML source code of your website.
TERMS OF USE
BY COPYING THE CODE FOR USE, YOU AGREE:
1. THAT THE MATERIALS ARE PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND
2. NOT TO CHANGE ANY OF THE JAVASCRIPT CODE
3. NOT TO REMOVE THE LINE OF TEXT "powered by CalcOrigin"
4. THAT THE COPYRIGHT BELONGS TO CalcOrigin
5. NOT TO REMOVE THE TERMS OF USE
<!--
TERMS OF USE
BY USING THE CODE, YOU AGREE:
1. THAT THE MATERIALS ARE PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND
2. NOT TO CHANGE ANY OF THE JAVASCRIPT CODE
3. NOT TO REMOVE THE LINE OF TEXT "powered by CalcOrigin"
4. THAT THE COPYRIGHT BELONGS TO CalcOrigin
5. NOT TO REMOVE THE TERMS OF USE
-->
<!--BEGIN OF SCIENTIFIC CALCULATOR CODE-->
<script>
function gObj(id){return document.getElementById(id);}function sanitizeNum(str){if(typeof str!=='string')return '';return str.replace(/[^0-9.\-]/g,'').substring(0,50);}var totalDigits=12;var degreeMode=true;var value=0;var sciMemory=0;var entered=true;var decimal=0;var fixed=0;var exponentMode=false;var exponentVal=0;var digits=0;var stack=[];var stackSize=12;function format(num){if(typeof cc!=='undefined')return '';var str=''+num;if(str.indexOf('N')>=0 ||(num===2*num && num===1+num))return 'Error ';var eIdx=str.indexOf('e');if(eIdx>=0){var exp=str.substring(eIdx+1);if(eIdx>11)eIdx=11;str=str.substring(0,eIdx);if(str.indexOf('.')<0)str+='.';var j=str.length-1;while(j>=0 && str.charAt(j)==='0'){j--;}str=str.substring(0,j+1);str+=' '+exp;}else{var neg=false;if(num<0){num=-num;neg=true;}var intPart=Math.floor(num);var frac=num-intPart;var fracDigits=totalDigits-(''+intPart).length-1;if(!entered && fixed>0)fracDigits=fixed;var multStr=' 1000000000000000000'.substring(1,fracDigits+2);var mult;if(multStr==='' || multStr===' '){mult=1;}else{mult=parseInt(multStr);}var fracInt=Math.floor(frac*mult+0.5);intPart=Math.floor(Math.floor(num*mult+0.5)/mult);var result=neg ? '-'+intPart : ''+intPart;var fracStr='00000000000000'+fracInt;fracStr=fracStr.substring(fracStr.length-fracDigits,fracStr.length);var lastIdx=fracStr.length-1;if(entered || fixed===0){while(lastIdx>=0 && fracStr.charAt(lastIdx)==='0'){lastIdx--;}fracStr=fracStr.substring(0,lastIdx+1);}if(lastIdx>=0)result+='.'+fracStr;str=result;}return str;}function refresh(){var d=format(value);if(exponentMode){if(exponentVal<0)d+=' '+exponentVal;else d+='+'+exponentVal;}if(d.indexOf('.')<0 && d!=='Error '){if(entered || decimal>0)d+='.';else d+=' ';}if(''+d===''){gObj('sciOutPut').textContent=' ';}else{gObj('sciOutPut').textContent=d;}}function enter(){if(exponentMode)value=value*Math.exp(exponentVal*Math.LN10);entered=true;exponentMode=false;decimal=0;fixed=0;}function numInput(n){if(entered){value=0;digits=0;entered=false;}if(n===0 && digits===0){refresh();return;}if(exponentMode){if(exponentVal<0)n=-n;if(digits<3){exponentVal=exponentVal*10+n;digits++;refresh();}return;}if(value<0)n=-n;if(digits<totalDigits-1){digits++;if(decimal>0){decimal=decimal*10;value=value+(n/decimal);fixed++;}else{value=value*10+n;}}refresh();}function opt(op){enter();var prec;if(op==='+' || op==='-')prec=1;else if(op==='*' || op==='/')prec=2;else if(op==='pow' || op==='apow')prec=3;if(stack.length>0 && prec<=stack[0].prec)evalx();push(value,op,prec);refresh();}function evalx(){if(stack.length===0)return false;var item=stack.shift();var op=item.op;var qk=item.value;if(op==='+')value=parseFloat(qk)+value;else if(op==='-')value=qk-value;else if(op==='*')value=qk*value;else if(op==='/')value=qk/value;else if(op==='pow')value=Math.pow(qk,value);else if(op==='apow')value=Math.pow(qk,1/value);if(op==='(')return false;return true;}function push(v,op,prec){if(stack.length>=stackSize)return false;stack.unshift({value: v,op: op,prec: prec});return true;}function popen(){enter();if(!push(0,'(',0))value=NaN;refresh();}function pclose(){enter();while(evalx()){}refresh();}function exp(){if(entered || exponentMode)return;exponentMode=true;exponentVal=0;digits=0;decimal=0;refresh();}function func(f){enter();if(f==='1/x')value=1/value;else if(f==='pc')value=value/100;else if(f==='qc')value=value/1000;else if(f==='swap'){if(stack.length>0){var tmp=value;value=stack[0].value;stack[0].value=tmp;}}else if(f==='n!'){if(value<0 || value>200 || value!==Math.round(value))value=NaN;else{var fact=1;for(var i=1;i<=value;i++)fact*=i;value=fact;}}else if(f==='MR')value=sciMemory;else if(f==='M+')sciMemory+=value;else if(f==='MS')sciMemory=value;else if(f==='MC')sciMemory=0;else if(f==='M-')sciMemory-=value;else if(f==='asin'){value=degreeMode ? Math.asin(value)*180/Math.PI : Math.asin(value);}else if(f==='acos'){value=degreeMode ? Math.acos(value)*180/Math.PI : Math.acos(value);}else if(f==='atan'){value=degreeMode ? Math.atan(value)*180/Math.PI : Math.atan(value);}else if(f==='e^x')value=Math.exp(value);else if(f==='2^x')value=Math.pow(2,value);else if(f==='x^2')value=value*value;else if(f==='x2')value=value*value;else if(f==='x3')value=value*value*value;else if(f==='sqrt')value=Math.sqrt(value);else if(f==='3x')value=Math.pow(value,1/3);else if(f==='e')value=Math.E;else if(f==='ex')value=Math.pow(Math.E,value);else if(f==='10x')value=Math.pow(10,value);else if(f==='log')value=Math.log(value)/Math.LN10;else if(f==='log2')value=Math.log(value)/Math.LN2;else if(f==='ln')value=Math.log(value);else if(f==='pi')value=Math.PI;else if(f==='RND')value=Math.random();else if(f==='sin'){value=degreeMode ? Math.sin(value/180*Math.PI): Math.sin(value);}else if(f==='cos'){if(degreeMode){var c=value % 360;if(c<0)c+=360;if(c===90 || c===270)value=0;else value=Math.cos(value/180*Math.PI);}else{var c=(value*180/Math.PI)% 360;if(c<0)c+=360;if(Math.abs(c-90)<1e-10 || Math.abs(c-270)<1e-10)value=0;else value=Math.cos(value);}}else if(f==='tan'){value=degreeMode ? Math.tan(value/180*Math.PI): Math.tan(value);}refresh();}function r(a){if(a==='10x' || a==='log' || a==='ex' || a==='ln' || a==='sin' || a==='asin' || a==='cos' || a==='acos' || a==='tan' || a==='atan' || a==='e' || a==='pi' || a==='n!' || a==='x2' || a==='1/x' || a==='swap' || a==='x3' || a==='3x' || a==='RND' || a==='M-' || a==='qc' || a==='MC' || a==='MR' || a==='MS' || a==='M+' || a==='sqrt' || a==='pc' || a==='2^x' || a==='e^x' || a==='x^2' || a==='log2'){func(a);}else if(a===1 || a===2 || a===3 || a===4 || a===5 || a===6 || a===7 || a===8 || a===9 || a===0){numInput(a);}else if(a==='pow' || a==='apow' || a==='+' || a==='-' || a==='*' || a==='/'){opt(a);}else if(a==='('){popen();}else if(a===')'){pclose();}else if(a==='EXP'){exp();}else if(a==='.'){if(entered){value=0;digits=1;}entered=false;if(decimal===0 && value===0 && digits===0)digits=1;if(decimal===0)decimal=1;refresh();}else if(a==='+/-'){if(exponentMode)exponentVal=-exponentVal;else value=-value;refresh();}else if(a==='C'){stack=[];exponentMode=false;value=0;entered=true;decimal=0;fixed=0;digits=0;refresh();}else if(a==='='){enter();while(evalx()){}refresh();}}function setDegRad(mode){degreeMode=(mode==='deg');}
</script>
<style>
#sciout{padding:5px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:275px}
#sciOutPut{font-size:18px;padding:8px 10px;margin:0 0 6px 0;cursor:text;text-align:right;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a2e;font-family:'Courier New',monospace;font-weight:600}
.scifunc{display:inline-block;display:table-cell;vertical-align:middle;text-align:center;width:50px;height:26px;margin:1px;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:14px;font-weight:600;color:#2563eb;background-color:#f0f4ff;cursor:pointer;user-select:none}
.scifunc:active{background-color:#2563eb;color:#ffffff}
.scinm{display:inline-block;display:table-cell;vertical-align:middle;padding:5px 0;text-align:center;width:50px;height:30px;margin:1px;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:15px;font-weight:700;color:#ffffff;background-color:#334155;cursor:pointer;user-select:none}
.scinm:active{background-color:#94a3b8;color:#000000}
.sciop{display:inline-block;display:table-cell;vertical-align:middle;padding:5px 0;text-align:center;width:50px;height:30px;margin:1px;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:15px;font-weight:700;color:#1e293b;background-color:#e2e8f0;cursor:pointer;user-select:none}
.sciop:active{background-color:#1e293b;color:#ffffff}
.scird{display:inline-block;display:table-cell;vertical-align:middle;text-align:center;height:26px;margin:1px;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:12px;color:#64748b;padding:0 4px;white-space:nowrap}
.scird label{cursor:pointer;margin:0 2px}
.scieq{display:inline-block;display:table-cell;vertical-align:middle;padding:5px 0;text-align:center;width:50px;height:30px;margin:1px;border:1px solid #2563eb;border-radius:4px;font-family:inherit;font-size:15px;font-weight:700;color:#ffffff;background-color:#2563eb;cursor:pointer;user-select:none}
.scieq:active{background-color:#1d4ed8}
#calfootnote{font-family:inherit;font-size:11px;text-align:right;color:#94a3b8;padding-top:4px}
#calfootnote a{color:#2563eb;text-decoration:underline}
</style>
<table><tr><td id="sciout">
<div><div id="sciOutPut">0</div></div>
<div style="padding-top:3px;width:100%">
<div><span id="csp-r-0" class="scifunc">sin</span><span id="csp-r-1" class="scifunc">cos</span><span id="csp-r-2" class="scifunc">tan</span><span class="scird"><label><input type="radio" name="anglemode" value="deg" id="csp-setDegRad-3" checked> Deg</label><label><input type="radio" name="anglemode" value="rad" id="csp-setDegRad-4"> Rad</label></span></div>
<div><span id="csp-r-5" class="scifunc">sin<sup>-1</sup></span><span id="csp-r-6" class="scifunc">cos<sup>-1</sup></span><span id="csp-r-7" class="scifunc">tan<sup>-1</sup></span><span id="csp-r-8" class="scifunc">π</span><span id="csp-r-9" class="scifunc">e</span></div>
<div><span id="csp-r-10" class="scifunc">x<sup>y</sup></span><span id="csp-r-11" class="scifunc">x<sup>3</sup></span><span id="csp-r-12" class="scifunc">x<sup>2</sup></span><span id="csp-r-13" class="scifunc">e<sup>x</sup></span><span id="csp-r-14" class="scifunc">10<sup>x</sup></span></div>
<div><span id="csp-r-15" class="scifunc"><sup>y</sup>√x</span><span id="csp-r-16" class="scifunc"><sup>3</sup>√x</span><span id="csp-r-17" class="scifunc">√x</span><span id="csp-r-18" class="scifunc">ln</span><span id="csp-r-19" class="scifunc">log</span></div>
<div><span id="csp-r-20" class="scifunc">(</span><span id="csp-r-21" class="scifunc">)</span><span id="csp-r-22" class="scifunc">1/x</span><span id="csp-r-23" class="scifunc">%</span><span id="csp-r-24" class="scifunc">n!</span></div>
</div>
<div style="padding-top:3px">
<div><span id="csp-r-25" class="scinm">7</span><span id="csp-r-26" class="scinm">8</span><span id="csp-r-27" class="scinm">9</span><span id="csp-r-28" class="sciop">+</span><span id="csp-r-29" class="sciop">MS</span></div>
<div><span id="csp-r-30" class="scinm">4</span><span id="csp-r-31" class="scinm">5</span><span id="csp-r-32" class="scinm">6</span><span id="csp-r-33" class="sciop">–</span><span id="csp-r-34" class="sciop">M+</span></div>
<div><span id="csp-r-35" class="scinm">1</span><span id="csp-r-36" class="scinm">2</span><span id="csp-r-37" class="scinm">3</span><span id="csp-r-38" class="sciop">×</span><span id="csp-r-39" class="sciop">M-</span></div>
<div><span id="csp-r-40" class="scinm">0</span><span id="csp-r-41" class="scinm">.</span><span id="csp-r-42" class="sciop">EXP</span><span id="csp-r-43" class="sciop">÷</span><span id="csp-r-44" class="sciop">MR</span></div>
<div><span id="csp-r-45" class="sciop">±</span><span id="csp-r-46" class="sciop">RND</span><span id="csp-r-47" class="scieq">C</span><span id="csp-r-48" class="scieq">=</span><span id="csp-r-49" class="sciop">MC</span></div>
</div>
</td></tr>
<tr><td id="calfootnote">powered by <a href="https://calcorigin.com">CalcOrigin</a></td></tr></table>
<script>
var btnMap=[
['csp-r-0','sin'],['csp-r-1','cos'],['csp-r-2','tan'],
['csp-r-5','asin'],['csp-r-6','acos'],['csp-r-7','atan'],
['csp-r-8','pi'],['csp-r-9','e'],['csp-r-10','pow'],
['csp-r-11','x3'],['csp-r-12','x2'],['csp-r-13','ex'],
['csp-r-14','10x'],['csp-r-15','apow'],['csp-r-16','3x'],
['csp-r-17','sqrt'],['csp-r-18','ln'],['csp-r-19','log'],
['csp-r-20','('],['csp-r-21',')'],['csp-r-22','1/x'],
['csp-r-23','pc'],['csp-r-24','n!'],
['csp-r-25',7],['csp-r-26',8],['csp-r-27',9],['csp-r-28','+'],['csp-r-29','MS'],
['csp-r-30',4],['csp-r-31',5],['csp-r-32',6],['csp-r-33','-'],['csp-r-34','M+'],
['csp-r-35',1],['csp-r-36',2],['csp-r-37',3],['csp-r-38','*'],['csp-r-39','M-'],
['csp-r-40',0],['csp-r-41','.'],['csp-r-42','EXP'],['csp-r-43','/'],['csp-r-44','MR'],
['csp-r-45','+/-'],['csp-r-46','RND'],['csp-r-47','C'],['csp-r-48','='],['csp-r-49','MC']
];
for(var i=0;i<btnMap.length;i++){(function(id,arg){var el=document.getElementById(id);if(el)el.addEventListener('click',function(){r(arg);});})(btnMap[i][0],btnMap[i][1]);}
var degR=document.getElementById('csp-setDegRad-3');
var radR=document.getElementById('csp-setDegRad-4');
if(degR)degR.addEventListener('change',function(){setDegRad('deg');});
if(radR)radR.addEventListener('change',function(){setDegRad('rad');});
refresh();
</script>
<!--END OF SCIENTIFIC CALCULATOR CODE-->