用JS寫的簡單的計算器實現代碼_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:44:22

用JS寫的簡單的計算器實現代碼_javascript技巧

用JS寫的簡單的計算器實現代碼_javascript技巧: 1.本頁效果圖片 2.美化后的效果 Array.prototype.remove=function(index) { if(isNaN(index)index>this.length){return false;} for(var i=0,n=0;i 0){ del = 1; this.tmp = this.register[0

推薦度：

點擊下載本文 文檔為doc格式

導讀用JS寫的簡單的計算器實現代碼_javascript技巧: 1.本頁效果圖片 2.美化后的效果 Array.prototype.remove=function(index) { if(isNaN(index)index>this.length){return false;} for(var i=0,n=0;i 0){ del = 1; this.tmp = this.register[0

1.本頁效果圖片

2.美化后的效果

<html> 
<head> 
<script> 
Array.prototype.remove=function(index) 
{ 
if(isNaN(index)||index>this.length){return false;} 
for(var i=0,n=0;i<this.length;i++) 
{ 
if(this[i]!=this[index]) 
{ 
this[n++]=this[i] 
} 
} 
this.length-=1 
}

this.showmsg(this.register.join(' ')); 
var _exp = parseInt(eval(this.register.join(' '))); 
this.output.value = _exp; 
for(i=0;i<3;i++){ 
this.register.remove(i); 
} 
this.register[0] = _exp; 
this.tmp = ''; 
if(type) this.register[1] = this.method; 
return; 
} 
} 
var commonMath = new commonMath(); 
commonMath.init(); 
</ script> 
<style> 
#main{ 
width:100%; 
height:100%; 
} 
#inputs{ 
position:relative; 
top:50%; 
left:50%; 
} 
.inbutton{ 
width:30px; 
} 
.outbutton{ 
width:145px; 
text-align:right; 
} 
.tcenter{ 
text-align:center; 
} 
</style> 
</head> 
<body> 
 
 
etongchina@gmail.com 
 
 
<input id="output" type="text" class="outbutton" maxlength="9" value="." /> 
 
 
<input type="button" class="inbutton" value="7" onclick="commonMath.getValue(this.value)" /> 
<input type="button" class="inbutton" value="8" onclick="commonMath.getValue(this.value)" /> 
<input type="button" class="inbutton" value="9" onclick="commonMath.getValue(this.value)" /> 
<input type="button" class="inbutton" value="+" onclick="commonMath.getValue(this.value)" /> 
 
 
<input type="button" class="inbutton" value="4" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="5" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="6" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="-" onclick="commonMath.getValue(this.value);" /> 
 
 
<input type="button" class="inbutton" value="1" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="2" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="3" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="*" onclick="commonMath.getValue(this.value);" /> 
 
 
<input type="button" class="inbutton" value="0" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="+/-" onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="." onclick="commonMath.getValue(this.value);" /> 
<input type="button" class="inbutton" value="/" onclick="commonMath.getValue(this.value);" /> 
 
 
<input type="button" class="outbutton tcenter" value="計算" onclick="commonMath.getValue('=');" /> 
 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

用JS寫的簡單的計算器實現代碼_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標簽：使用計算器 js

熱門焦點

用JS寫的簡單的計算器實現代碼_javascript技巧

用JS寫的簡單的計算器實現代碼_javascript技巧

用JS寫的簡單的計算器實現代碼_javascript技巧

最新推薦

猜你喜歡

熱門推薦