javascript實(shí)現(xiàn)計(jì)算器功能

第javascript實(shí)現(xiàn)計(jì)算器功能

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)計(jì)算器功能的具體代碼，供大家參考，具體內(nèi)容如下

問(wèn)題描述：

1、除法操作時(shí)，如果被除數(shù)為0，則結(jié)果為0

2、結(jié)果如果為小數(shù)，最多保留小數(shù)點(diǎn)后兩位，如2/3=0.67（顯示0.67），1/2=0.5（顯示0.5）

!DOCTYPEhtml

html

head

metacharset=utf-8

title百度筆試0329/title

styletype=text/CSS

body,ul,li,select{

margin:0;

padding:0;

box-sizing:border-box;

ul,li{list-style:none;}

.calculator{

max-width:300px;

margin:20pxauto;

border:1pxsolid#eee;

border-radius:3px;

.cal-header{

font-size:16px;

color:#333;

font-weight:bold;

height:48px;

line-height:48px;

border-bottom:1pxsolid#eee;

text-align:center;

.cal-mAIn{

font-size:14px;

.cal-main.origin-value{

padding:15px;

height:40px;

line-height:40px;

font-size:20px;

text-align:right;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

.cal-main.origin-type,

.cal-main.target-type{

padding-left:5px;

width:70px;

font-size:14px;

height:30px;

border:1pxsolid#eee;

background-color:#fff;

vertical-align:middle;

margin-right:10px;

border-radius:3px;

.cal-keyboard{

overflow:hidden;

.cal-items{

overflow:hidden;

.cal-itemsli{

user-select:none;

float:left;

display:inline-block;

width:75px;

height:75px;

text-align:center;

line-height:75px;

border-top:1pxsolid#eee;

border-left:1pxsolid#eee;

box-sizing:border-box;

li:nth-of-type(4n+1){

border-left:none;

li[data-action=operator]{

background:#f5923e;

color:#fff;

.buttons{

float:left;

width:75px;

.buttons.btn{

width:75px;

background-color:#fff;

border-top:1pxsolid#eee;

border-left:1pxsolid#eee;

height:150px;

line-height:150px;

text-align:center;

.btn-esc{

co