Como poner una calculadora en tu web

Nunca se sabe que podemos necesitar dentro de nuestra web, por eso esta entrada en donde les traigo tres tipos de calculadoras que se verán perfectas en tu página...

esta es una imagen de la calculadora

<script language="JavaScript" type="text/javascript">//<![CDATA[

<!-- Beginfunction addChar(input, character) {if(input.value == null || input.value == "0")input.value = characterelseinput.value += character}function cos(form) {form.display.value =
Math.cos(form.display.value);}function sin(form) {form.display.value = Math.sin(form.display.value);}function tan(form) {form.display.value = Math.tan(form.display.value);}function
sqrt(form) {form.display.value = Math.sqrt(form.display.value);}function ln(form) {form.display.value = Math.log(form.display.value);}function exp(form) {form.display.value =
Math.exp(form.display.value);}function sqrt(form) {form.display.value = Math.sqrt(form.display.value);}function deleteChar(input) {input.value = input.value.substring(0,
input.value.length - 1)}function changeSign(input) {if(input.value.substring(0, 1) == "-")input.value = input.value.substring(1, input.value.length)elseinput.value = "-" +
input.value}function compute(form)  {form.display.value = eval(form.display.value)}function square(form)  {form.display.value = eval(form.display.value)
*eval(form.display.value)}function checkNum(str)  {for (var i = 0; i < str.length; i++) {var ch = str.substring(i, i+1)if (ch < "0" || ch > "9") {if (ch != "/" && ch
!= "*" && ch != "+" && ch !="-" && ch != "."&& ch != "(" && ch!= ")") {alert("invalid entry!")return false      
}      }   }return true}// End -->//]]></script><!-- Demonstration -->

<center>    <form>        <input name="display" value="0" size="25" /><br />        <input
type="button" value=" exp " onclick="if (checkNum(this.form.display.value)) { exp(this.form) }" /> <input type="button" value=" 7 " onclick="addChar(this.form.display, '7')"
/>        <input type="button" value=" 8 " onclick="addChar(this.form.display, '8')" /> <input type="button" value=" 9 "
onclick="addChar(this.form.display, '9')" /> <input type="button" value=" / "        onclick="addChar(this.form.display, '/')" /><br />
     <input type="button" value=" ln " onclick="if (checkNum(this.form.display.value)) { ln(this.form) }" /> <input type="button" value=" 4 "
onclick="addChar(this.form.display, '4')" />        <input type="button" value=" 5 " onclick="addChar(this.form.display, '5')" /> <input type="button"
value=" 6 " onclick="addChar(this.form.display, '6')" /> <input type="button" value=" * "        onclick="addChar(this.form.display, '*')" /><br
/>        <input type="button" value=" sqrt " onclick="if (checkNum(this.form.display.value)) { sqrt(this.form) }" /> <input type="button" value=" 1 "
onclick="addChar(this.form.display, '1')" />        <input type="button" value=" 2 " onclick="addChar(this.form.display, '2')" /> <input type="button"
value=" 3 " onclick="addChar(this.form.display, '3')" /> <input type="button" value=" - "        onclick="addChar(this.form.display, '-')" /><br
/>        <input type="button" value=" sq " onclick="if (checkNum(this.form.display.value)) { square(this.form) }" /> <input type="button" value=" 0 "
onclick="addChar(this.form.display, '0')" />        <input type="button" value=" . " onclick="addChar(this.form.display, '.')" /> <input type="button"
value=" +/- " onclick="changeSign(this.form.display)" /> <input type="button" value=" + "        onclick="addChar(this.form.display, '+')" /><br
/>        <input type="button" value=" ( " onclick="addChar(this.form.display, '(')" /> <input type="button" value=" cos " onclick="if
(checkNum(this.form.display.value)) { cos(this.form) }" />        <input type="button" value=" sin " onclick="if (checkNum(this.form.display.value)) {
sin(this.form) }" /> <input type="button" value=" tan " onclick=        "if (checkNum(this.form.display.value)) { tan(this.form) }" /> <input
type="button" value=" ) " onclick="addChar(this.form.display, ')')" /><br />        <input type="button" value=" Clear "
onclick="this.form.display.value = 0" /> <input type="button" value=" Back Space " onclick="deleteChar(this.form.display)" /> <input type="button" value=  
   " Enter " name="enter" onclick="if (checkNum(this.form.display.value)) { compute(this.form) }" />    </form></center>

es una imagen, no intentes usarla

 <!-- presentado por truco95.jimdo.com -->
<center>    <form name="Calc" id="Calc">        <table
border="4">            <tr>                <td>        
         <input type="text" name="Input" size="16" /><br />                </td>  
       </tr>            <tr>
             <td>                    <input type="button" name="one" value=" 1 "
onclick="Calc.Input.value += '1'" /> <input type="button" name="two" value=" 2 " onclick="Calc.Input.value += '2'" /> <input type=        
         "button" name="three" value=" 3 " onclick="Calc.Input.value += '3'" /> <input type="button" name="plus" value=" + " onclick="Calc.Input.value += '
+ '" /><br />                    <input type="button" name="four" value=" 4 " onclick="Calc.Input.value += '4'" />
<input type="button" name="five" value=" 5 " onclick="Calc.Input.value += '5'" /> <input type=                    "button"
name="six" value=" 6 " onclick="Calc.Input.value += '6'" /> <input type="button" name="minus" value=" - " onclick="Calc.Input.value += ' - '" /><br />  
               <input type="button" name="seven" value=" 7 " onclick="Calc.Input.value += '7'" /> <input type="button" name="eight"
value=" 8 " onclick="Calc.Input.value += '8'" /> <input type=                    "button" name="nine" value=" 9 "
onclick="Calc.Input.value += '9'" /> <input type="button" name="times" value=" x " onclick="Calc.Input.value += ' * '" /><br />        
         <input type="button" name="clear" value=" c " onclick="Calc.Input.value = ''" /> <input type="button" name="zero" value=" 0 "
onclick="Calc.Input.value += '0'" /> <input type=                    "button" name="DoIt" value=" = "
onclick="Calc.Input.value = eval(Calc.Input.value)" /> <input type="button" name="div" value=" / " onclick="Calc.Input.value += ' / '" /><br />    
         </td>            </tr>        </table>
 </form></center>

<!-- Script presentado por truco95.jimdo.com -->

es una imagen, no intentes sumar

<!-- Script presentado por truco95.jimdo.com -->

<script language="JavaScript" type="text/javascript">//<![CDATA[<!-- Original:  Steve Dulaney --><!--
Web Site:  http://www.hmhd.com/steve -->

<!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Beginvar Memory = 0;var Number1 = "";var Number2 = "";var NewNumber = "blank";var opvalue = "";

function Display(displaynumber) {document.calculator.answer.value = displaynumber;}

function MemoryClear() {Memory = 0;document.calculator.mem.value = "";}

function MemoryRecall(answer) {if(NewNumber != "blank") {Number2 += answer;} else {Number1 = answer;}NewNumber = "blank";Display(answer);}

function MemorySubtract(answer) {Memory = Memory - eval(answer);}

function MemoryAdd(answer) {Memory = Memory + eval(answer);document.calculator.mem.value = " M ";NewNumber = "blank";}

function ClearCalc() {Number1 = "";Number2 = "";NewNumber = "blank";Display("");}

function Backspace(answer) {answerlength = answer.length;answer = answer.substring(0, answerlength - 1);if (Number2 != "") {Number2 =
answer.toString();Display(Number2);} else {Number1 = answer.toString();Display(Number1);   }}

function CECalc() {Number2 = "";NewNumber = "yes";Display("");}

function CheckNumber(answer) {if(answer == ".") {Number = document.calculator.answer.value;if(Number.indexOf(".") != -1) {answer = "";
}}if(NewNumber == "yes") {Number2 += answer;Display(Number2);}else {if(NewNumber == "blank") {Number1 = answer;Number2 = "";NewNumber = "no";}else {Number1 +=
answer;}Display(Number1);   }}function AddButton(x) {if(x == 1) EqualButton();if(Number2 != "") {Number1 = parseFloat(Number1) + parseFloat(Number2);}NewNumber = "yes";opvalue =
'+';Display(Number1);}function SubButton(x) {if(x == 1) EqualButton();if(Number2 != "") {Number1 = parseFloat(Number1) - parseFloat(Number2);}NewNumber = "yes";opvalue =
'-';Display(Number1);}function MultButton(x) {if(x == 1) EqualButton();if(Number2 != "") {Number1 = parseFloat(Number1) * parseFloat(Number2);}NewNumber = "yes";opvalue =
'*';Display(Number1);}function DivButton(x) {if(x == 1) EqualButton();if(Number2 != "") {Number1 = parseFloat(Number1) / parseFloat(Number2);}NewNumber = "yes";opvalue =
'/';Display(Number1);}function SqrtButton() {Number1 = Math.sqrt(Number1);NewNumber = "blank";Display(Number1);}function PercentButton() {if(NewNumber != "blank") {Number2 *=
.01;NewNumber = "blank";Display(Number2);   }}function RecipButton() {Number1 = 1/Number1;NewNumber = "blank";Display(Number1);}function NegateButton() {Number1 =
parseFloat(-Number1);NewNumber = "no";Display(Number1);}function EqualButton() {if(opvalue == '+') AddButton(0);if(opvalue == '-') SubButton(0);if(opvalue == '*') MultButton(0);if(opvalue
== '/') DivButton(0);Number2 = "";opvalue = "";}//  End -->//]]></script><center>    <form name="calculator" id="calculator">
     <table bgcolor="#AAAAAA" width="220">            <tr>            
 <td>                    <table bgcolor="#CCCCCC" border="1">            
         <tr>                            <td>    
                         <table border="0" cellpadding="0">            
                     <tr>                        
             <td bgcolor="#000080">                            
             <b style="color:white">Calculator</b>                      
               </td>                              
   </tr>

                                    <tr>
                                     <td>        
                                 <table width="100%" border="0">    
                                         <tr>    
                                             <td
colspan="6">                                            
         <input type="text" name="answer" size="30" maxlength="30" onchange="CheckNumber(this.value)" />          
                                       </td>      
                                       </tr>

                                        
     <tr>                                        
         <td colspan="6">                                  
                   <table border="0" cellpadding="0">                  
                                       <tr>      
                                                 
   <td>                                          
                       <input type="text" name="mem" size="3" maxlength="3" /> <input type="button" name="backspace"
class="red" value="Backspace"                                        
                         onclick="Backspace(document.calculator.answer.value); return false;" /> <input
type="button" name="CE" class="red" value=" CE "                                    
                             onclick="CECalc(); return false;" /> <input type="reset" name="C" class="red"
value=" C " onclick="ClearCalc(); return false;" />                                  
                           </td>                  
                                       </tr>      
                                           
 </table>                                            
     </td>                                        
     </tr>

                                        
     <tr>                                        
         <td>                                    
                 <input type="button" name="MC" class="red" value=" MC " onclick="MemoryClear(); return false;" />  
                                           
 </td>                                            
     <td>                                        
             <input type="button" name="calc7" class="blue" value=" 7 " onclick="CheckNumber('7'); return false;" />    
                                             </td>
                                             
 <td>                                            
         <input type="button" name="calc8" class="blue" value=" 8 " onclick="CheckNumber('8'); return false;" />        
                                         </td>    
                                             <td>
                                                 
 <input type="button" name="calc9" class="blue" value=" 9 " onclick="CheckNumber('9'); return false;" />                
                                 </td>            
                                     <td>        
                                             <input type="button"
name="divide" class="red" value=" / " onclick="DivButton(1); return false;" />                          
                       </td>                      
                           <td>                  
                                   <input type="button" name="sqrt" class="blue" value="sqrt"
onclick="SqrtButton(); return false;" />                                    
             </td>                                
             </tr>

                                        
     <tr>                                        
         <td>                                    
                 <input type="button" name="MR" class="red" value=" MR " onclick="MemoryRecall(Memory); return false;" />
                                             
 </td>                                            
     <td>                                        
             <input type="button" name="calc4" class="blue" value=" 4 " onclick="CheckNumber('4'); return false;" />    
                                             </td>
                                             
 <td>                                            
         <input type="button" name="calc5" class="blue" value=" 5 " onclick="CheckNumber('5'); return false;" />        
                                         </td>    
                                             <td>
                                                 
 <input type="button" name="calc6" class="blue" value=" 6 " onclick="CheckNumber('6'); return false;" />                
                                 </td>            
                                     <td>        
                                             <input type="button"
name="multiply" class="red" value=" * " onclick="MultButton(1); return false;" />                          
                       </td>                      
                           <td>                  
                                   <input type="button" name="percent" class="blue" value=" %
" onclick="PercentButton(); return false;" />                                    
             </td>                                
             </tr>

                                        
     <tr>                                        
         <td>                                    
                 <input type="button" name="MS" class="red" value=" MS " onclick="MemorySubtract(document.calculator.answer.value); return
false;" />                                              
   </td>                                          
       <td>                                      
               <input type="button" name="calc1" class="blue" value=" 1 " onclick="CheckNumber('1'); return false;" />  
                                           
 </td>                                            
     <td>                                        
             <input type="button" name="calc2" class="blue" value=" 2 " onclick="CheckNumber('2'); return false;" />    
                                             </td>
                                             
 <td>                                            
         <input type="button" name="calc3" class="blue" value=" 3 " onclick="CheckNumber('3'); return false;" />        
                                         </td>    
                                             <td>
                                                 
 <input type="button" name="minus" class="red" value=" - " onclick="SubButton(1); return false;" />                  
                               </td>              
                                   <td>          
                                           <input type="button"
name="recip" class="blue" value="1/x " onclick="RecipButton(); return false;" />                          
                       </td>                      
                       </tr>

                                        
     <tr>                                        
         <td>                                    
                 <input type="button" name="Mplus" class="red" value=" M+ " onclick="MemoryAdd(document.calculator.answer.value); return
false;" />                                              
   </td>                                          
       <td>                                      
               <input type="button" name="calc0" class="blue" value=" 0 " onclick="CheckNumber('0'); return false;" />  
                                           
 </td>                                            
     <td>                                        
             <input type="button" name="negate" class="blue" value="+/- " onclick="NegateButton(); return false;" />    
                                             </td>
                                             
 <td>                                            
         <input type="button" name="dot" class="blue" value=" . " onclick="CheckNumber('.'); return false;" />        
                                         </td>    
                                             <td>
                                                 
 <input type="button" name="plus" class="red" value=" + " onclick="AddButton(1); return false;" />                  
                               </td>              
                                   <td>          
                                           <input type="button"
name="equal" class="red" value=" = " onclick="EqualButton(); return false;" />                          
                       </td>                      
                       </tr>                      
                   </table>                          
           </td>                                
 </tr>                                </table>      
                   </td>                    
 </tr>                    </table>            
 </td>            </tr>        </table>
 </form></center>


 <!-- Script presentado por truco95.jimdo.com -->