博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript计算器小程序
阅读量:6075 次
发布时间:2019-06-20

本文共 2144 字,大约阅读时间需要 7 分钟。

<!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" />

            <input type="button" class="button1" value="1" />

            <input type="button" class="button1" value="2" />

            <input type="button" class="button1" value="3" /><br /><br />

            <input type="button" class="button1" value="4" />

            <input type="button" class="button1" value="5" />

            <input type="button" class="button1" value="6" />

            <input type="button" class="button1" value="7" /><br /><br />

            <input type="button" class="button1" value="8" />

            <input type="button" class="button1" value="9" />

            <input type="button" class="button1" value="+" />

            <input type="button" class="button1" value="-" /><br /><br />

            <input type="button" class="button1" value="*" />

            <input type="button" class="button1" value="/" />

            <input type="button" class="button1" value="CE" />

            <input type="button" class="button1" value="=" οnclick="Compute(this.form)" />

        </form>

    </div>

</body>

</html>

本文转自蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366610,如需转载请自行联系原作者

你可能感兴趣的文章
Copy 方法 和 ostream 迭代器
查看>>
层中层事件问题
查看>>
用 strcoll 实现中文按拼音排序
查看>>
uwp
查看>>
阿里云
查看>>
随机生成数
查看>>
log4net使用简明教程
查看>>
Python 面向对象
查看>>
pip离线安装python包
查看>>
根据登录用户获取liferay的角色
查看>>
java项目中ehcache缓存最简单用法
查看>>
Web前端性能优化
查看>>
MFC一些常见面试问题
查看>>
ubuntu 14.04 难用的vi
查看>>
关于uboot一些概念
查看>>
Android Studio教程
查看>>
对其他组评价的反馈
查看>>
10. 基本类型对应的包装类
查看>>
python 单例模式
查看>>
mongodb(1)mongodb基础入门
查看>>