开发者社区> 蓬莱仙羽> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

javascript计算器小程序

简介:     javascript测试             var n1 = '', n2 = '';         var item1_flag = true; //默认设置为第一运算符         var opr_type = '...
+关注继续查看
<!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>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: <!-- <input type="text" id="text"> --> 请选择省份: <select name="" id="provinces"> <!-- <option value="江苏省">江苏省</option>
0 0
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
0 0
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
0 0
JS中实现或退出全屏
JS中实现或退出全屏
0 0
前端:JS实现双击table单元格变为可编辑状态
前端:JS实现双击table单元格变为可编辑状态
0 0
【前端算法】JS实现数字千分位格式化
JS实现数字千分位格式化的几种思路,以及它们之间的性能比较
0 0
【前端算法】用JS实现快速排序
理解数组方法里面运用到的算法,splice 和 slice的区别
0 0
【前端算法】javaScript实现二分查找
如何使用JS实现一个合格的二分查找
0 0
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
0 0
+关注
蓬莱仙羽
麦子学院讲师,游戏蛮牛专栏作家,CSDN博客专家,热爱游戏开发,热爱Coding!
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JavaScript函数
立即下载
JavaScript 语言在引擎级别的执行过程
立即下载
JavaScript面向对象的程序设计
立即下载