第JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能

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

1.實(shí)現(xiàn)基本計(jì)算器功能，如圖

2.邏輯代碼

!DOCTYPEhtml

html

head

metacharset=UTF-8

title計(jì)算器/title

!--設(shè)置樣式--

style

.showdiv{

text-align:center;

margin:auto;/*設(shè)置居中*/

border:solid1px;

width:400px;

height:500px;

border-radius:10px;/*設(shè)置邊框角度*/

input[type=text]{

margin-top:10px;

width:380px;

height:40px;

font-size:40px;

input[type=button]{

margin:10px;

margin-top:20px;

width:60px;

height:80px;

font-size:40px;

font-weight:bold;

/style

!--設(shè)置js代碼--

scripttype=text/javascript

/*將按鈕的值賦值給輸入框*/

functionnum(btn){

//把不能為零去掉

if(document.getElementById(inp).value.match(除數(shù))){

document.getElementById(inp).value=

//獲取button按鈕的value

varnum=btn.value;

console.log(num++typeof(num))

//將值賦值給text文本框

switch(num){

casec:

document.getElementById(inp).value=

break;

case=:

if(document.getElementById(inp).value.match(/)){

if(document.getElementById(inp).value.split(/)[1]==0){

document.getElementById(inp).value=除數(shù)不能為零

}else{

document.getElementById(inp).value=eval(document.getElementById(inp).value);

break;

}else{

document.getElementById(inp).value=eval(document.getElementById(inp).value);

break;

default:

document.getElementById(inp).value=document.getElementById(inp).value+num;

break;

/script

/head

body

divclass=showdiv

inputtype=textname=id=inpvalue=readonly=readonly/br/

inputtype=buttonname=id=value=0quot;num(this)/

inputtype=buttonname=id=value=1quot;num(this)/

inputtype=buttonname=id=value=2quot;num(this)/

inputtype=buttonname=id=value=3quot;num(this)/br/

inputtype=buttonname=id=value=4quot;num(this)/

inputtype=buttonname=id=value=5quot;num(this)/

inputtype=buttonname=id=value=6quot;num(this)/

inputtype=buttonname=id=value=7quot;num(this)/br/

inputtype=buttonname=id=value=8quot;num(this)/

inputtype=buttonname=id=value=9quot;num(this)/

inputtype=buttonname=id=value=+quot;num(this)/

inputtype=buttonname=id=value=-quot;num(this)/br/

inputtype=buttonname=id=value=*quot;num(this)/

inputtype=buttonname=id=value=/quot;num(this)/

inputtype=buttonname=id=value==quot;num(this)/

inputtype=buttonname=id=v