老师，为什么我用计算器计算1.33-0.88的时候会出错，用其他数字测试就不会，我错在哪里了？

100

101

102

103

104

105

106

107

108

109

110

function init(){
    var num=document.getElementById("num");
    num.disabled="disabled";
    num.value="0";
    var btn_num0;
    var fuhao;
    var oButton=document.getElementsByTagName("input");
    for(var i=0;i<oButton.length;i++){
        oButton[i].onclick=function(){
            if(!isNaN(this.value)){
                // num.value=(num.value+this.value)*1;
                if (isNull(num.value)) {
                    num.value=this.value;
                }else{
                    num.value=num.value+this.value;
                }
            }else{
                var btn_num=this.value;
                switch(btn_num){
                    case "+":
                    btn_num0=Number(num.value);
                    num.value=0;
                    fuhao="+";
                    break;
                    case "-":
                    btn_num0=Number(num.value);
                    num.value=0;
                    fuhao="-";
                    break;
                    case "*":
                    btn_num0=Number(num.value);
                    num.value=0;
                    fuhao="*";
                    break;
                    case "/":
                    btn_num0=Number(num.value);
                    num.value=0;
                    fuhao="/";
                    break;
                    case "C":
                    alert("C");
                    break;
                    case "←":
                    alert("←");
                    break;
                    case "+/-":
                    alert("+/-");
                    break;
                    case ".":
                    num.value=dec_num(num.value);
                    break;
                    case "m":
                    alert("m");
                    break;
                    case "=":
                    switch(fuhao){
                        case "+":
                        num.value=btn_num0+Number(num.value);
                        break;
                        case "-":
                        num.value=btn_num0-Number(num.value);
                        break;
                        case "*":
                        num.value=btn_num0*Number(num.value);
                        break;
                        case "/":
                        if(Number(num.value)==0){
                            num.value=0;
                            alert("除数不能为0");
                        }else{
                        num.value=btn_num0/Number(num.value);
                        }
                        break;
                    }
                    break;
                }
            }
        }
    }
}
function isNull(n){
    if(n.length==0||n=="0"){
        return true;
    }else{
        return false;
    }
}
function dec_num(n){
    if(n.indexOf(".")==-1){
        n=n+".";
    }
    return n;
}
// function num_1_click(){
//     var num=document.getElementById("num");
//     var n=num.value;
//     // if(n==0){
//     //     n="1";
//     // }else{
//     // n=n+"1";
//  //    }
//  // num.value=n;
//     /*if(n==0){
//         n="";
//     }
//     n=n+"1";
//     num.value=n;*/
//     n=n+"1";
//     num.value=n*1;
// }

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="calc.css">
<script type="text/javascript" src="calc.js"></script>
</head>
<body onload="init()">
<div id="div0">
<div id="div1">
<input type="text" name="num" id="num">
</div>
<div id="div2">
<input type="button" name="btn" value="C">
<input type="button" name="btn" value="←">
<input type="button" name="btn" value="+/-">
<input type="button" name="btn" value="/">
<input type="button" name="btn" value="1">
<input type="button" name="btn" value="2">
<input type="button" name="btn" value="3">
<input type="button" name="btn" value="*">
<input type="button" name="btn" value="4">
<input type="button" name="btn" value="5">
<input type="button" name="btn" value="6">
<input type="button" name="btn" value="-">
<input type="button" name="btn" value="7">
<input type="button" name="btn" value="8">
<input type="button" name="btn" value="9">
<input type="button" name="btn" value="+">
<input type="button" name="btn" value="0">
<input type="button" name="btn" value=".">
<input type="button" name="btn" value="=">
<input type="button" name="btn" value="m">
</div>
</div>
</body>
</html>

*{
    margin: 0px;
    padding: 0px;
}
#div0{
    width: 300px;
    position: relative;
    top:50px;
    left: 400px;
}
#num{
    width: 282px;
    height: 20px;
    text-align: right;
    background-color: white;
    border: 0.5px solid grey;
}
input[type="button"]{
    width: 60px;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
}

慕娘0924178 2019-07-05

源自：案例：仿计算器 3-2 小数点功能的实现

收起

1回答

芝芝兰兰回答被采纳获得+3积分 2019-07-05 18:40:05

同学你好。不是同学的代码问题，是js对浮点数计算的特性导致的。

JS中对于浮点数的计算都是不保证准确的，造成不准确的原因是二进制。如果我们将0.2转换为二进制会发现： 0.2 => 0.0011 0011 0011 0011…（无限循环）对于无限循环的小数，计算机会进行舍入处理。JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。进行双精度浮点数的小数部分最多支持 52 位，所以会进行截断，导致了不精确的结果。

本案例的目的是让同学学会js的基本用法呢，这个同学了解即可。

如果解答了同学的疑问，望采纳~

祝学习愉快~

收起回答