Javascript计算器程序

来源:互联网 发布:亚马逊数据分析师 编辑:程序博客网 时间:2024/05/18 00:16

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #Text1
        {
            width: 431px;
            height: 48px;
            font-size: xx-large;
            text-align: right;
        }
 
input{height:30px;width:60px}
 
    </style>
    <script language="javascript" type="text/javascript">
// <![CDATA[

        function Onclick(ss) {
            var disp = document.getElementById('Text1');
            if (disp.value == 0) {
                disp.value = "";
            }
            disp.value += ss.value;
        }
        //这里是删除
        function clear_word() {
            var disp = document.getElementById('Text1');
           disp.value=disp.value.substring(0,disp.value.length-1)
        }
        //这里是清0
        function set0() {
            var disp = document.getElementById('Text1');
            disp.value = 0;
        }
        //这里是将文本框中的表达式计算出来
        function result() {
            var disp = document.getElementById('Text1');
            disp.value= eval(disp.value).toString();
        }

        function SQRT() {
            var disp = document.getElementById('Text1');
            disp.value = Math.sqrt(disp.value);

        }

        function Pow() {
            var disp = document.getElementById('Text1');
            disp.value = Math.pow(disp.value, 2);       
        }
// ]]>
    </script>
</head>
<body  style="text-align: center">

    <table style="border: medium solid #00FF00; width: 24%; background-color: #C0C0C0;">
        <tr>
            <td colspan="4">
                <input id="Text1" type="text" /></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button1" type="button" value="+" onclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button2" type="button" value="1" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button3" type="button" value="2" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button4" type="button" value="3"onclick="Onclick(this)" /></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button7" type="button" value="-" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button8" type="button" value="4" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button6" type="button" value="5" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button5" type="button" value="6" onclick="Onclick(this)"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button9" type="button" value="*" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button10" type="button" value="7" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button11" type="button" value="8" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button12" type="button" value="9" onclick="Onclick(this)"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button13" type="button" value="/"onclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button14" type="button" value="0" onclick="Onclick(this)"/></td>
            <td style="border: medium solid #008000">
                <input id="Button15" type="button" value="."onclick="Onclick(this)" /></td>
            <td style="border: medium solid #008000">
                <input id="Button16" type="button" value="=" onclick="result()"/></td>
        </tr>
        <tr>
            <td style="border: medium solid #008000">
                <input id="Button17" type="button" value="平方根"onclick="SQRT()" /></td>
            <td style="border: medium solid #008000">
                <input id="Button18" type="button" value="平方" onclick="Pow()"/></td>
            <td style="border: medium solid #008000">
                <input id="Button19" type="button" value="C" onclick="set0()"/></td>
            <td style="border: medium solid #008000">
                <input id="Button20" type="button" value="&lt;--" onclick="clear_word()"/></td>
        </tr>
    </table>

</body>
</html>

 http://hi.baidu.com/979170768/blog/item/b0816a2ceaca96275243c1e9.html