用JS写的简单的计算器实现代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用JS写的简单的计算器实现代码

Javascript: Javascript-Mozilla和IE中的一个函数直接量的问题分析; TopList标签和JavaScript结合两例; javascript-TreeView父子联动效果保持节点状态一致; 不错的JS中变量相关的细节分析; 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法; 根据地区不同显示时间的javascript代码; javascript下查找父节点的简单方法; 分享别人写的一个小型js框架; 封装好的省市地区联动控件附下载; 权威JavaScript 中的内存泄露模式; JavaScript 编程引入命名空间的方法与代码; IE/FireFox具备兼容性的拖动代码; 分析 JavaScript 中令人困惑的变量赋值; 推荐一个小巧的JS日历; 让回调函数 showResponse 也带上参数的代码; 增强的 JavaScript 的 trim 函数的代码; 高亮闪烁某个元素的js脚本; 用JavaScript 处理 URL 的两个函数代码; JavaScript 模仿vbs中的 DateAdd() 函数的代码; 用js实现随机返回数组的一个元素

No. « ‹ 77 78 79 80 › »

技术文章搜索

关键字

Javascript 中的用JS写的简单的计算器实现代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 354 ::

收藏到网摘: n/a

prototype与jquery下Ajax实现的差别 javascript 数组操作实用技巧

参加某公司的面试后，有一机试题目：用web技术开发一个B/S结构的公式解析器。于是想了想思路，神来一笔想先写个计算器程序做基础，于是便写了这个程序。 2009-08-21_195533

1.本页效果图片

2.美化后的效果

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script>
Array.prototype.remove=function(index)
{
if(isNaN(index)||index>this.length){return false;}
for(var i=0,n=0;i<this.length;i++)
{
if(this[i]!=this[index])
{
this[n++]=this[i]
}
}
this.length-=1
}
function commonMath(){
//类初始化
this.init = function(){
this.tmp = '';
this.debug = 0;
this.output = '';
this.method = '';
this.sign = 1;//0:-;1:+
this.register = Array();//寄存器
}
//设置报错信息
this.showmsg = function(msg){
if(this.debug == 1) alert(msg);
}
//设置运算符
this.setMethod = function(_method){
this.method = _method;
_length = this.register.length;
if(_length == 0){
if(this.tmp == '') return;
this.register[0] = this.tmp;
this.register[1] = _method;
this.tmp = '';
return;
}
if(_length = 2 || this.tmp == ''){
this.register[1] = _method;
}
if(_length == 2 && this.tmp != ''){
this.register[2] = this.tmp;
this.run(1);
}
if(_length == 3) this.run(1);
}
//设置显示值
this.setValue = function(_value){
var tmp = parseInt(eval(this.tmp+'+"'+_value+'"'));
max = /^-?\d{1,9}$/i;
if( max.test(tmp) == false){
return;
}
this.tmp = tmp;
this.output.value = this.tmp;
}
//设置符号
this.setSign = function(){
var del = 0;
var sign = Array('-','+');
this.sign = this.sign ^ 1;
_sign = sign[this.sign];
if(/\d/i.test(this.tmp)== false && this.register.length > 0){
del = 1;
this.tmp = this.register[0];
}
if(_sign == '-'){
this.tmp = -this.tmp;
}else{
this.tmp = Math.abs(this.tmp);
}
this.output.value = this.tmp;
if(del == 1){
this.register[0] = this.tmp;
this.tmp = '';
}
}
//获取按键
this.getValue = function(input){
var _in = input;
var inputList = document.getElementsByTagName("input");
this.output = inputList[0];
regMethod = /^[\+|\-|\*|\/]$/i;
if(regMethod.test(_in)){
this.setMethod(_in);
return;
}
regNum = /^\d$/i;
if(regNum.test(_in)){
this.setValue(_in);
return;
}
regSign = /^\+\/\-$/i;
if(regSign.test(_in)){
this.setSign(_in);
return;
}
regResult = /^=$/;
if(regResult.test(_in)){
this.run();
return;
}
}
//计算结果
this.run = function(type){
if(this.register.length < 2) return this.showmsg(1);
if(this.register.length == 2 && (this.tmp == '')) return this.showmsg(2);
if(this.register.length == 2 && this.tmp != ''){
this.register[2] = this.tmp;
this.run();
}
this.showmsg(this.register.join(' '));
var _exp = parseInt(eval(this.register.join(' ')));
this.output.value = _exp;
for(i=0;i<3;i++){
this.register.remove(i);
}
this.register[0] = _exp;
this.tmp = '';
if(type) this.register[1] = this.method;
return;
}
}
var commonMath = new commonMath();
commonMath.init();
</script>
<style>
#main{
width:100%;
height:100%;
}
#inputs{
position:relative;
top:50%;
left:50%;
}
.inbutton{
width:30px;
}
.outbutton{
width:145px;
text-align:right;
}
.tcenter{
text-align:center;
}
</style>
</head>
<body>
<div id="main">
<div>
<span class="outbutton tcenter">etongchina@gmail.com</span>
</div>
<div>
<span><input id="output" type="text" class="outbutton" maxlength="9" value="." /></span>
</div>
<div>
<span><input type="button" class="inbutton" value="7" onclick="commonMath.getValue(this.value)" /></span>
<span><input type="button" class="inbutton" value="8" onclick="commonMath.getValue(this.value)" /></span>
<span><input type="button" class="inbutton" value="9" onclick="commonMath.getValue(this.value)" /></span>
<span><input type="button" class="inbutton" value="+" onclick="commonMath.getValue(this.value)" /></span>
</div>
<div>
<span><input type="button" class="inbutton" value="4" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="5" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="6" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="-" onclick="commonMath.getValue(this.value);" /></span>
</div>
<div>
<span><input type="button" class="inbutton" value="1" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="2" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="3" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="*" onclick="commonMath.getValue(this.value);" /></span>
</div>
<div>
<span><input type="button" class="inbutton" value="0" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="+/-" onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="." onclick="commonMath.getValue(this.value);" /></span>
<span><input type="button" class="inbutton" value="/" onclick="commonMath.getValue(this.value);" /></span>
</div>
<div>
<span><input type="button" class="outbutton tcenter" value="计算" onclick="commonMath.getValue('=');" /></span>
</div>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

prototype与jquery下Ajax实现的差别 javascript 数组操作实用技巧

Javascript 中的 用JS写的简单的计算器实现代码

评论 (0) All

Javascript 中的用JS写的简单的计算器实现代码