Javascript实现简单计算器实例代码

效果图：

刚开始做时没考虑到清零和退格两个功能，嘻嘻，后来加的整体与传统计算器比有点小瑕疵。

代码：

！DOCTYPE html html html healtheeta charset=' utf-8 ' title js简单计算器/title style type=' text/CSS ' * { margin :0 px；padding:0px }输入{ margin-top :2 px；边距-左侧：2 px宽度宽度：230像素高度：30 px向右文本对齐：}按钮{ margin-top :2 px；边距-左侧：2 px宽度：50 px高度：50 px} #容器{左边距：1 pxborder:1px实心# E4E4E4background: # BBBBBB宽度width :235 pxh three :215 px }/style脚本函数OnLoad(){//加载完毕后光标自动对应到输入框document.getElementById('input ').焦点();}//读取按钮的值，传给输入框函数inputEvent(e){//把英国压力单位的值改为每个事件的innerHTML值瓦尔=e.innerHTML//获取投入标签var xsval=文档。getelementbyid(' input ')；//标签里的价值连接每个事件的innerHTML值xsval.value=val}//计算出结果函数输入per(){ var xsval=document。getelementbyid(' input ')；xsval。value=eval(文档。getelementbyid(' input ').值);}//清零函数clearNum(){ var xsval=document。getelementbyid(' input ')；xsval . value=document . getelementbyid(' input ').焦点();}//退格函数backNum(){ var arr=document。getelementbyid(' input ')；由…改编值=arr。价值。子字符串(0，arr。价值。长度-1)；}/script/head body OnLoad=' OnLoad()' input id=' input ' type=' text ' div id=' container ' div button onclick=' input event(this)' 1/button button onclick=' input event(this)' 2/button onclick=' input event(this)' 3/button onclick=' input event(this)'/button/div button onclick=' input event(this)' 4/button onclick=' input(this)' 5/button onclick=' input/button on清零/buttonbutton onclick='backNum()'退格/按钮/正文/html感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！