Calculadora feito em Javascript
Trago dois fontes de calculadora feito em Javascript.
Fonte1
<html> <head> <title>calcul2</title> <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> <meta name="Microsoft Theme" content="none"> <meta name="Microsoft Border" content="none"> </head> <body> <p> </p> <form name="Keypad" action> <table> <b> <tr> <td><table border="2" width="50" height="60" cellpadding="1" cellspacing="5"> <tr> <td colspan="3" align="middle"><input name="ReadOut" size="24" value="0" width="100%"> </td> <td </TD> </td> <td><input name="btnClear" type="Button" value=" C " onclick="Clear()"> </td> <td><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"> </td> </tr> <tr> <td><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"> </td> <td><input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"> </td> <td><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"> </td> <td> </td> <td><input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"> </td> <td><input name="btnPercent" type="Button" value=" % " onclick="Percent()"> </td> </tr> <tr> <td><input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"> </td> <td><input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"> </td> <td><input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"> </td> <td> </td> <td align="middle"><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </td> <td align="middle"><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"> </td> </tr> <tr> <td><input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"> </td> <td><input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"> </td> <td><input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"> </td> <td> </td> <td align="middle"><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"> </td> <td align="middle"><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"> </td> </tr> <tr> <td><input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"> </td> <td><input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"> </td> <td colspan="3"> </td> <td><input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"> </td> </tr> </table> </td> </tr> </table> </b> </form> <font face="Verdana, Arial, Helvetica" size="2"> <script LANGUAGE="JavaScript"> <!-- Begin var FKeyPad = document.Keypad; var Accum = 0; var FlagNewNum = false; var PendingOp = ""; function NumPressed (Num) { if (FlagNewNum) { FKeyPad.ReadOut.value = Num; FlagNewNum = false; } else { if (FKeyPad.ReadOut.value == "0") FKeyPad.ReadOut.value = Num; else FKeyPad.ReadOut.value += Num; } } function Operation (Op) { var Readout = FKeyPad.ReadOut.value; if (FlagNewNum && PendingOp != "="); else { FlagNewNum = true; if ( '+' == PendingOp ) Accum += parseFloat(Readout); else if ( '-' == PendingOp ) Accum -= parseFloat(Readout); else if ( '/' == PendingOp ) Accum /= parseFloat(Readout); else if ( '*' == PendingOp ) Accum *= parseFloat(Readout); else Accum = parseFloat(Readout); FKeyPad.ReadOut.value = Accum; PendingOp = Op; } } function Decimal () { var curReadOut = FKeyPad.ReadOut.value; if (FlagNewNum) { curReadOut = "0."; FlagNewNum = false; } else { if (curReadOut.indexOf(".") == -1) curReadOut += "."; } FKeyPad.ReadOut.value = curReadOut; } function ClearEntry () { FKeyPad.ReadOut.value = "0"; FlagNewNum = true; } function Clear () { Accum = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum); } // End --> </script> <p> </p> </font> </body> </html>
Fonte2
<html><head><title>Calculadora</title><SCRIPT LANGUAGE="JavaScript"> <!-- var wynik=0, op=0, nowe=0, nowe2=0, done=1, oset=0, kropka, temp; function reset(value) { document.form1.ekran.value = value; wynik = 0, op = 0, nowe = 0, nowe2 = 0; done = 1; oset = 0; } function wspolna(new_temp) { kropka = 1; if(nowe || done) { nowe = 0; done = 0; temp = new_temp; } { if (temp.indexOf(".")!=-1) { kropka=0; } } } function button(ktory,ktory2) { temp = document.form1.ekran.value; if(ktory2=='.') { wspolna('0'); if(kropka==1) { temp += ktory2; document.form1.ekran.value = temp; oset = 0; } } if(ktory>=0 && ktory<=9) { wspolna(''); if(temp==0 && kropka==1) temp=''; temp += ktory; document.form1.ekran.value = temp; oset = 1; } if(ktory2=='-' || ktory2=='+' || ktory2=='/' || ktory2=='*') { if(nowe) op = ktory2 else { if(!nowe2) { op = ktory2; wynik = temp; nowe2=1; } else { wynik = eval(wynik + op + temp); op = ktory2; document.form1.ekran.value = wynik; } oset=0; nowe = 1; } } if(ktory2=='1/x' ) { wynik = eval(1 / temp) ; reset(wynik); } if(ktory2=='sqrt') { wynik = Math.sqrt(temp); reset(wynik); } if(ktory2=='exp' ) { wynik = Math.exp(temp) ; reset(wynik); } if(ktory2=='+/-') document.form1.ekran.value = eval(-temp); if(ktory2=='=' && oset && op!='0') reset(eval(wynik + op + temp)); if (ktory2=='C') reset(0); if(document.form1.ekran.value[0] == '.') document.form1.ekran.value = '0' + document.form1.ekran.value; } //--> </SCRIPT> <p> <!-- inserir o código listado abaixo na seção BODY da sua página html --> <body bgcolor="black"><center><i><font face="arial" color="white" size="2"> Obrigado por usar nossos serviços</font></i> <form name="form1"> <TABLE bgcolor="#FF6600"> <TR> <TD> <TABLE BORDER=0 cellspacing=3 cellpadding=1 bgcolor="#FF9933"> <TR align=center bgcolor="#FF6600"> <TD colspan=5> <input type="text" name="ekran" value="0"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD colspan=4> <B> <font color="Black" face="Georgia, Times New Roman, Times, serif" size="3"> Calculadora </font> </B> </TD> <TD> <input type="button" name="C" value=" C " onclick="button(11,'C')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="7" value=" 7 " onclick="button(7 ,'')"> </TD> <TD> <input type="button" name="8" value=" 8 " onclick="button(8 ,'')"> </TD> <TD> <input type="button" name="9" value=" 9 " onclick="button(9 ,'')"> </TD> <TD> <input type="button" name="/" value=" / " onclick="button(11,'/')"> </TD> <TD> <input type="button" name="sqrt" value="V¯¯" onclick="button(11,'sqrt')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="4" value=" 4 " onclick="button(4,'')"> </TD> <TD> <input type="button" name="5" value=" 5 " onclick="button(5,'')"> </TD> <TD> <input type="button" name="6" value=" 6 " onclick="button(6,'')"> </TD> <TD> <input type="button" name="*" value=" * " onclick="button(11,'*')"> </TD> <TD> <input type="button" name="exp" value="exp" onclick="button(11,'exp')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="1" value=" 1 " onclick="button(1,'')"> </TD> <TD> <input type="button" name="2" value=" 2 " onclick="button(2,'')"> </TD> <TD> <input type="button" name="3" value=" 3 " onclick="button(3,'')"> </TD> <TD> <input type="button" name="-" value=" - " onclick="button(11,'-')"> </TD> <TD> <input type="button" name="1/x" value="1/x " onclick="button(11,'1/x')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="0" value=" 0 " onclick="button(0,'')"> </TD> <TD> <input type="button" name="+/-" value=" +/- " onclick="button(11,'+/-')"> </TD> <TD> <input type="button" name="." value=" , " onclick="button(11,'.')"> </TD> <TD> <input type="button" name="+" value=" + " onclick="button(11,'+')"> </TD> <TD> <input type="button" name="=" value=" = " onclick="button(11,'=')"> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </form> </head> <FORM> <INPUT TYPE="button" NAME="Button" VALUE="Fechar" ONCLICK="window.close()"> </FORM></center></body></html>
Fonte: https://williamluis.box.com/s/30rfxguukrjul88iohw7zwxl8xvinv1r