做一個簡易計算器，效果圖片

c表示清空，為一個空字符串

+/-表示該值為正還是負

%表示當前值/100

←表示退格，往前刪除一個值

eval 函數是能夠計算出字符串表達式或者語句的結果，把結果求出來。

代碼如下

#div1{

margin:20px auto;

width:420px;

height:490px;

background-color:#E8E8E8;

border:1px solid #ccc;

border-radius:5px;

}

.div2{

width:410px;

height:60px;

border:1px solid #ccc;

margin:5px auto;

border-radius:5px;

text-align:right;

font-size:30px;

background-color:white;

padding-top:10px;

}

.div3{

width:410px;

height:60px;

margin:5px auto;

float:left;

}

.div13{

float:left;

width:70px;

height:60px;

border:1px solid #ccc;

background-color: ghostwhite;

margin-left:8px;

text-align:center;

font-size:30px;

color:deepskyblue;

border-radius:5px;

cursor:default;

padding-top:10px;

box-shadow:4px 3px 3px #CCCCCC;

}

.div133{width:160px;}

.top{margin-top:10px;margin-left:10px;}

.color{color:black;}

.top1{margin-top:20px;margin-left:10px;}

.top2{margin-top:30px;margin-left:10px;}

.top3{margin-top:40px ;margin-left:10px;}

.div23{float:left;}

.div33{float:left;}

0C+/-%←789+-456×÷123x²√0.=

input=document.getElementById("input");

s="";

function a(v)

{

s=s+v;

input.innerHTML=s;

}

function e(v)

{

input.innerHTML=eval(s);

}

function w(type)

{

switch(type)

{ case ' ':s='';break;

case 'opposite':s=-s;break;

case 'percent':s=s/100;break;

case 'pow':s=Math.pow(s,2);break;

case 'sqrt':s=Math.sqrt(s);break;

case 'backspace':s=s.substr(s,s.length-1);//?case? 'backspace':s=s.substring(0,s.length-1);

}

input.innerHTML=s;

}

這里我本來是采用的substring這個函數的，但是在計算的時候，當只留下一個值的時候，按←的時候就不起作用，但是把substring改成substr的時候就能清除的了，原因我覺得應該是這樣:s=s.substring(s,s.length-1);當只剩下一個值的時候，假設s值為7,substring中的第一個參數為是，表示中國字符串的首地址，就是0，第二個參數為0，怎么取，但是換成這樣是可以的s=s.substring(0,s.length-1);，但是用s=s.substr(s,s.length-1);當只剩下一個值的時候是可以清除掉的，我想應該是當第二個參數是取得個數為0的時候，就把空字符串賦給s了吧。

以上就是JS制作簡易計算器的實例代碼的詳細內容，更多關于JS制作簡易計算器的資料請關注腳本之家其它相關文章！

總結

以上是生活随笔為你收集整理的js装修计算器java代码_JS制作简易计算器的实例代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。