<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器的实现</title>
</head>
<script type="text/javascript">
function calCulate(flag){
var v1 = document.getElementById("v1").value;
var v2 = document.getElementById("v2").value;
var value = arithmetic(v1,flag,v2);
alert(value);
}
function arithmetic(arg1,operator,arg2){
//保留几位小时
var retain = 2;
var r1,r2,mul,size;
//获取小数点总共有多少位。
try{
r1=arg1.toString().split(".")[1].length;
}catch(e){
r1=0;
}
try{
r2=arg2.toString().split(".")[1].length;
}catch(e){
r2=0;
}
//精度到第几位
size = Math.max(r1,r2);
switch(operator){
case "+":
case "-":
mul = size;
break;
case "*":
mul = 2 * size;
break;
case "/":
mul = 0;
break;
}
var offest = Math.pow(10, size);
var v1 = (arg1*offest).toFixed(0)
var v2 = (arg2*offest).toFixed(0)
var vMul = Math.pow(10, mul)
var result = eval(v1 + operator + v2) / vMul;
//return result.toFixed(retain) 这里的结果是保留几位小数。自己选择是否使用
return result
}
</script>
<body>
<input type="text" name="t" id="v1" value="" />
<input type="text" name="t" id="v2" value="" />
<input type="button" value="+" onclick="calCulate(this.value)"/>
<input type="button" value="-" onclick="calCulate(this.value)"/>
<input type="button" value="*" onclick="calCulate(this.value)"/>
<input type="button" value="/" onclick="calCulate(this.value)"/>
</body>
</html>
js高精度计算器 货币计算器
最新推荐文章于 2021-12-29 17:15:14 发布