javascript实现的简单计算器实例代码
当我开始这样做,有两个功能,没有考虑清楚零和退格,并与传统的计算器,整个是一个小瑕疵。
代码uff1a
JS简单的计算器
* {
保证金:0px;
填料:0px;
}
输入{
边距:2px;
左:2px保证金;
宽度:230px;
身高:30px;
文本对齐:正确;
}
按钮{
边距:2px;
左:2px保证金;
Width:50px;
身高:50px;
}
#容器{
左:1px保证金;
边境:1px solid # e4e4e4;
背景:# bbbbbb;
宽度:235px;
身高:215px;
}
函数onload(){
在光标自动对应于输入框之后加载。
document.getelementbyid(输入)重点();
}
向输入框中读取值
功能inputevent(e){
改变价值价值 / / innerHTML每个事件的价值
VaR值= e.innerhtml;
获取输入标记
无功xsval = document.getelementbyid(输入);
/ /标签在每个事件的innerHTML值连接
xsval。价值+ = val;
}
计算结果
功能inputoper(){
无功xsval = document.getelementbyid(输入);
xsval。值= eval(document.getelementbyid(输入)。值);
}
重置
功能clearnum(){
无功xsval = document.getelementbyid(输入);
xsval价值= ;
document.getelementbyid(输入)重点();
}
/ /退格
功能backnum(){
var arr = document.getelementbyid(输入);
arr.value = arr.value.substring(0,arr.value。length-1);
}
一
二
三
+
四
五
六
—
七
八
九
*
零
。
=
/
零
退格键
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。