范例,參考我的
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title></title>
? ? <style type="text/css">
? ? ? ? input { width: 60px; }
? ? ? ? div { margin: 10px 0 }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? window.onload = function () {
? ? ? ? ? ? // 獲取元素
? ? ? ? ? ? var num1 = document.getElementById('num1');
? ? ? ? ? ? var num2 = document.getElementById('num2');
? ? ? ? ? ? var ret = document.getElementById('ret');
? ? ? ? ? ? var btns = document.getElementsByTagName('button');
? ? ? ? ? ? var p = parseInt;
var res=0;
? ? ? ? ? ? //為按鈕添加點擊事件,計算結果
? ? ? ? ? ??
? ? ? ? ? ? for(var i =0;i<btns.length;i++){
? ? ? ? ? ? ? ? btns[i].onclick=function(){
? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? var v1 =? parseInt(num1.value);
? ? ? ? ? ? ? ? ? ? var v2 =? parseInt(num2.value);
? ? ? ? ? ? ? ? //? ?alert(this.textContent);
? ? ? ? ? ? ? ? ? ? switch(this.textContent){
? ? ? ? ? ? ? ? ? ? ? ? case "+": res=v1+v2;break;
? ? ? ? ? ? ? ? ? ? ? ? case "-": res=v1-v2 ;break;
? ? ? ? ? ? ? ? ? ? ? ? case "*": res=v1*v2 ;break;
? ? ? ? ? ? ? ? ? ? ? ? case "/": res=v1/v2 ;break;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? // alert(parseInt(num1.value));
? ? ? ? ? ? ? ? ? ? ?console.log(res.toFixed(3))
? ? ? ? ? ? ? ? ? ? ret.innerHTML=parseFloat(res.toFixed(3));
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? ? ??
? ? ? ? ? ??
? ? ? ? ? ??
? ? ? ? }
? ? </script>
</head>
<body>
<input id="num1" type="text"/>
<input id="num2" type="text"/>
<div>結果:<span id="ret"></span></div>
<button>+</button>
<button>-</button>
<button>*</button>
<button>/</button>
</body>
</html>
2019-10-30
都parseInt了,還parseFloat、toFiexed()?