html+js实现简单的网页计算器(支持四则运算带括号) |
您所在的位置:网站首页 › 计算器不能正常加减乘除 › html+js实现简单的网页计算器(支持四则运算带括号) |
网络上的html+js计算器大多是两个数字加一个运算符,不能实现输入长算式,这恰好是我学习中的一个任务,我就对长算式计算进行了js语言的简单实现。 页面部分十分简单,因为我的任务主要是后端开发: 输入算式:就是这么个简陋的页面: 其中,计算按钮触发js中calculate()函数,完成计算。 则js部分中,使用: document.getElementById("string").value读入字符串(输入的算式)。 使用: document.getElementById("result").innerHTML作为输出载体。 JS部分的编写,说实话还是与java有很大不同的,比如变量类型很随意,直接用var声明,而且一个数组里可以直接存多个类型的数据,方便处理。 处理算式需要多次使用正则表达式判断某个字符属于某个字符集,此项目使用的正则表达式如下: const num=/[0-9]/; const op=/[()/*\-+]/; const spec=/[)/*+.]/; const big=/[/*]/ const small=/[+\-]/ const fdm=/[(#]/;下面开始处理数据,首先是将字符串处理为数字+运算符,存入队列中等待运算: (比较啰嗦,但我实在想不到什么好方法了,大概也有一些疏漏,不过或许这个任务的目的就是借此熟悉一下各种语法吧) var st=document.getElementById("string").value; preIsOp=0;st="0+("+st+")+0"; for(var i=0;i |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |