Question

我已经看过很多关于这类主题的帖子，但是我找不到任何具体内容可以添加到我相对简单的JS中，以使数值结果显示为2位小数 - 答案可能很简单，但不知怎的，我无法弄明白。

对于计算器，你在2个字段中写入两个条目，第3个返回2个数字的乘法答案 - 很好。

但是，如果数字不是整数，并且需要小数位，则显示完整的字符串，而不是2位小数位答案，这是必要的。

function calculate() {
    var no1 = document.getElementById('number1').value; 
    var no2 = document.getElementById('number2').value;
    var result = document.getElementById('result'); 
    var myResult = no1 * no2;
    result.value = myResult;
        }

一个更简单的修复越好，正如我想象的那样，每个条目^，我必须做出修改，现在代码条目接近1000作为其全部手动输入的下注计算器。

Answer 1

您可以使用Number.prototype.toFixed方法：

function calculate() {
    var no1 = document.getElementById('number1').value; 
    var no2 = document.getElementById('number2').value;
    var result = document.getElementById('result'); 
    var myResult = (no1 * no2);
    myResult = myResult % 1 ? myResult.toFixed(2) : myResult;
    result.value = myResult;
}

Answer 2

添加以下条件，如果您只想显示2位小数，如果数字有小数，否则您希望保持原样，即整数：

if( Number(myResult) === parseInt(myResult) ){
  myResult = myResul.toFixed(2);
}

JS输入字段结果显示2个十进制位置

2 个答案: