zoukankan      html  css  js  c++  java
  • javascript计算器小程序

    <!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>javascript测试</title>
        <script type="text/javascript" language="javascript">
            var n1 = '', n2 = '';
            var item1_flag = true; //默认设置为第一运算符
            var opr_type = '+';  //运算符默认是加号
            //设置初始值函数
            function SetVal(item) {           
                document.Cal.OutText.value += item;//字符串的连接
                if (item1_flag) {
                    n1 += item;
                }
                else
                    n2 += item;
            }
            //再输入框中输入运算符
            function SetOpr(opr) {
                document.Cal.OutText.value += opr;
                item1_flag = false
                opr_type = opr;
            }
            //清屏函数
            function Clear() {
                document.Cal.OutText.value = "";
                item1_flag = true;
                opr_type = '+';
                n1 = '';
                n2 = '';
            }
            //计算表达式的值
            function Compute(obj) {
                var Result;
                if ((n1 != '') && (n2 != '')) {
                    if ((eval(n2) == 0) && (opr_type == '/')) {
                        alert('除数不能为0!');
                        Clear();
                        return;
                    }
                    else {
                        Result = eval(obj.OutText.value);
                        document.Cal.OutText.value += '=';
                        document.Cal.OutText.value += Result;
                    }


                }
            }
        </script>
        <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div align="center">
            <form name="Cal" action="#" >
                <input type="text" value="" name="OutText" /><br /><br />
                <input type="button" class="button1" value="0" onclick="SetVal('0')" />
                <input type="button" class="button1" value="1" onclick="SetVal('1')" />
                <input type="button" class="button1" value="2" onclick="SetVal('2')" />
                <input type="button" class="button1" value="3" onclick="SetVal('3')" /><br /><br />
                <input type="button" class="button1" value="4" onclick="SetVal('4')" />
                <input type="button" class="button1" value="5" onclick="SetVal('5')" />
                <input type="button" class="button1" value="6" onclick="SetVal('6')" />
                <input type="button" class="button1" value="7" onclick="SetVal('7')" /><br /><br />
                <input type="button" class="button1" value="8" onclick="SetVal('8')" />
                <input type="button" class="button1" value="9" onclick="SetVal('9')" />
                <input type="button" class="button1" value="+" onclick="SetVal('+')" />
                <input type="button" class="button1" value="-" onclick="SetVal('-')" /><br /><br />
                <input type="button" class="button1" value="*" onclick="SetVal('*')" />
                <input type="button" class="button1" value="/" onclick="SetVal('/')" />
                <input type="button" class="button1" value="CE" onclick="Clear()" />
                <input type="button" class="button1" value="=" onclick="Compute(this.form)" />
            </form>
        </div>
    </body>
    </html>
  • 相关阅读:
    程序设计与算法(一)第3周测验(2020春季)
    程序设计与算法(一)第2周测验(2020春季)
    量化投资_波动和趋势能量比(传统盘整和趋势的量化表示)
    Matlab高级教程_第四篇:白噪声的MATALB生成方式
    数学之美_马尔科夫模型01
    Matlab高级教程_第四篇:Matlab高级函数_关键词:arrayfun
    Matlab高级教程_第四篇:Matlab高级函数_关键词:drawnow,addpoints,animatedline,getpoints
    Matlab高级教程_第二篇:关于MATLAB转C#过程中MWArray到C#数组,C#数组到MWArray相互转换
    Matlab高级教程_第二篇:关于MATLAB转C#过程中遇到输出两组参数的问题
    数学是什么?_基变换(线性代数)
  • 原文地址:https://www.cnblogs.com/java20130723/p/3211468.html
Copyright © 2011-2022 走看看