用JS编写一个简单的计算器，越简单越好，速求呀

用JS编写一个简单的计算器，越简单越好，速求呀

解决方案 »

  1.   

    http://www.iaimall.com/test/08contactus.htm
      

  2.   


    <html>
    <head>
    <title>网页计算器，使用了较短的JS，含代码注释</title>
    <script>
    <!--
    willclear=false //这个变量作为下一次输入是否先清空输入框的状态标志
    function backspace(){ //退格
    Calc.Input.value = Calc.Input.value.substring(0,Calc.Input.value.length-1)
    Calc.Input.title = Calc.Input.value.substring(0,Calc.Input.title.length-1)
    }//取长度为原长度减一的串，实现退格效果。
    function addoperator(){ //加操作符
    if (willclear){ //如果这次输入前需要清空输入框
    willclear=false //先清除标志，避免下次再次被错误地重复清空
    clearinput() //清除输入内容
    }
    Calc.Input.value += event.srcElement.innerText //给用于显示的加上刚输入的运算符
    Calc.Input.title += event.srcElement.name //给用于计算的表达式区加上刚输入的运算符
    }
    function clearinput(){ //清除输入
    Calc.Input.value='' //清空显示区
    Calc.Input.title='' //清空表达式
    }
    function result(){ //用于计算结果
    Calc.Input.value = eval(Calc.Input.title)//执行表达式区的表达式，返回结果到显示区。
    willclear=true//设定下次按键则先清除此次计算结果。
    }
    //-->
    </script>
    <style>
    button {width:40; border: 1 solid #808080;background-color: #FFFFFF}
    </style>
    </head>
    <body>
    <FORM NAME="Calc">
    <TABLE BORDER=4 bordercolorlight="#808080" bordercolor="#808080" width="250" height="38"><TR><TD width="291" height="39" bgcolor="#C0C0C0">
     
    <INPUT TYPE="text" NAME="Input" readonly Size="21" style="background-color: #F5F5F5; font-family: Arial; border: 1 solid #000000"> 
    <button NAME="back" OnClick="backspace()">←</button>
    </TD></TR><TR><TD width="291" height="38">
    <table border="0" width="100%" height="105" cellpadding="0">
    <tr>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="1" OnClick="addoperator()">1</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="2" OnClick="addoperator()">2</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="3" OnClick="addoperator()">3</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="+" OnClick="addoperator()">+</BUTTON>
    </td>
    </tr>
    <tr>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="4" OnClick="addoperator()">4</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="5" OnClick="addoperator()">5</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="6" OnClick="addoperator()">6</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="-" OnClick="addoperator()">-</BUTTON>
    </td>
    </tr>
    <tr>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="7" OnClick="addoperator()">7</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="8" OnClick="addoperator()">8</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="9" OnClick="addoperator()">9</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="*" OnClick="addoperator()">×</BUTTON>
    </td>
    </tr>
    <tr>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="clear" OnClick="clearinput()">C</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="0" OnClick="addoperator()">0</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="=" OnClick="result()">=</BUTTON>
    </td>
    <td width="25%" height="31" align="center" bgcolor="#C0C0C0">
    <BUTTON NAME="/" OnClick="addoperator()">÷</BUTTON>
    </td>
    </tr>
    </table>
    </TD></TR>
    </TABLE>
    </FORM>
    </body>
    </html>  <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
    文章源自：烈火网，原文：http://www.veryhuo.com/a/view/45356.html?Input=5&5=这种东西网上一搜一大遍
      

  3.   

    做几个按钮 当按下对应的键后在文本框显示对应的符号或数字，按等号建时获取文本里的字符串，将字符串放入eval函数里试试
      

  4.   

    這個够簡單了吧?呵呵 <script language="JavaScript">
    <!--
    function equa1() {
            a = document.form1.aa.value;
            b = document.form1.ab.value;
            c = a-b;
            document.form1.total1.value = c
            }
    function equa2() {
            a = document.form1.ba.value;
            b = document.form1.bb.value;
            c = (a*1)+(b*1);
            document.form1.total2.value = c
            }
    function equa3() {
            a = document.form1.ca.value;
            b = document.form1.cb.value;
            c = a/b;
            document.form1.total3.value = c
            }
    function equa4() {
            a = document.form1.da.value;
            b = document.form1.db.value;
            c = a*b;
            document.form1.total4.value = c
            }
    //--></script>
    <form name="form1"><center>
    <table border=1 cellpadding=1 cellspacing=1>
    <tr>
    <td><input type="text" size=5 name="aa"> - <input type="text" name="ab" size=5></td>
    <td> =<input type="text" name="total1" size=5></td>
    <td><input type="button" value="Calculate" onClick="equa1()"></td>
    <tr>
    <td><input type="text" size=5 name="ba"> + <input type="text" name="bb" size=5></td>
    <td> =<input type="text" name="total2" size=5></td>
    <td><input type="button" value="Calculate" onClick="equa2()"></td>
    <tr>
    <td><input type="text" size=5 name="ca"> / <input type="text" name="cb" size=5></td>
    <td>=<input type="text" name="total3" size=5></td>
    <td><input type="button" value="Calculate" onClick="equa3()"></td>
    <tr>
    <td><input type="text" size=5 name="da"> * <input type="text" name="db" size=5></td>
    <td> =<input type="text" name="total4" size=5></td>
    <td><input type="button" value="Calculate" onClick="equa4()"></td>
    <tr>
    <td colspan=3 align=center>
    <input type="reset" value="Reset"></td>
    </table>
    </form>
      

  5.   

    <script type="text/javascript">
    function cc(a){
    var c=a.value;
    c=eval(c);
    alert(c);
    }
    </script>
    </head><body>
    <input type="text" onblur="cc(this)" value="(1+2)*3">
    </body>
    类似于这样  够偷懒吧