<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml" >
<head>
    <title>计算器</title>
    <script language="ecmascript"type="text/javascript">
    function onAdd()
    {
    var a;
    var b;
    var r;
    a = ElementById("txtNum1").value);
    b = ElementById("txtNum2").value);
    r=a+b;
    ElementById("txtResult").value=r;
    }
   
    function onDec()
    {
    var a;
    var b;
    var r;
    a = ElementById("txtNum1").value;
    b = ElementById("txtNum2").value;
    r=a-b;
    ElementById("txtResult").value=r;
    }
   
    function onMul()
    {
    var a;
    var b;
    var r;
    a = ElementById("txtNum1").value;
    b = ElementById("txtNum2").value;
    r=a*b;
    ElementById("txtResult").value=r;
简单网页    }
   
    function onDiv()
    {
    var a;
    var b;
    var r;
    a = ElementById("txtNum1").value;
    b = ElementById("txtNum2").value;
    r=a/b;
    ElementById("txtResult").value=r;
    }
   
    function onClear(){
      ElementById("txtNum1").value="";
      ElementById("txtNum2").value="";
      ElementById("txtResult").value="";
    }
    </script>
</head>
<body><h4>[使用说明：一次输入两个数，再选择运算符号就可以显示结果]</h4>
    <form>
        <table>
            <tr>
                <td>第一个数</td>
                <td><input id="txtNum1" type="text" /></td>
            </tr> 
            <tr>
                <td>第二个数</td>
                <td><input id="txtNum2" type="text" /></td>
            </tr>
            <tr>
                <td>计算结果</td>
                <td><input id="txtResult" type="text" /></td>
            </tr>
            <tr>
                <td>
                    <input id="btnadd" type="button" value="+" onclick="onAdd()"/>
                    <input id="btnDec" type="button"value="-"onclick="onDec()"/>
                    <input id="btnMul" type="button" value="*"onclick="onMul()"/>
                    <input id="btnDiv" type="button" value="/"onclick="onDiv()"/>
                    <input id="clear" type="button"value="CE"/ onclick="onClear()">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。