js键盘计算器的制作方法

这个例子为你分享具体的代码，供JS制作计算器，供大家参考，详情如下









{ #显示
宽度：232px；
身高：80px；
颜色：白色；
5px 5px边界半径：00；
背景颜色：RGBA（127, 128, 127，1）；
文本对齐：正确；
边界：无；
字体大小：45px；
大纲：无；
}

表{
border: 1px solid黑；
边界塌陷：塌陷；
宽度：234px；
文本对齐：中心；
字体大小：30px；
}

{ TD
身高：55px；
宽度：57.5px；
背景颜色：小麦；
}

Td：活动{
背景颜色：珊瑚；
}

{。运行
背景颜色：RGB（245, 146, 62）；
颜色：白色；
}

{ #猿
背景颜色：小麦；
颜色：# 000000；
}








自动控制
像
%
/


七
八
九
*


四
五
六
—


一
二
三
+


零

。
=





获取数字的集合。
VaR号= document.getelementsbyclassname（民）；
获取运算符的集合。
VaR选项= document.getelementsbyclassname（运行）；
取得/签署
VaR结果= document.getelementbyid（结果）；
获取到 0
var =清除document.getelementbyid（清晰）；
获取/显示帧
VaR显示= document.getelementbyid（秀）；
为三个变量声明保存内容
var =numvalue ； / /数字存储
var =optionc ； / /存储操作
var =numtemp ； / /临时存储值

单击数字密钥 /事件触发器
对于（var i = 0；i < nums.length；i++）{
我公司{ }。onclick =函数（）{
如果（numvalue = = 0）{
numvalue = ；
}
numvalue = this.innerhtml；
show.value = numvalue；

}
}

单击按钮/触发器事件
对于（var i = 0；i < options.length - 1；i++）{
我选择{ }。onclick =函数（）{
数字存储前记录的第一个
numtemp = numvalue；
记录运算符
optionc = this.innerhtml；
删除原始数字记录
numvalue = ；

}
}
符号操作
result.onclick =函数（）{
show.value = eval（numtemp + optionc + numvalue）；
}
清除操作
clear.onclick =函数（）{
show.value =0；
numvalue = ；
optionc = ；
numtemp = ；
}






以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。