JS输入字段结果显示2位小数

Question

我看过很多关于此类主题的帖子，但我找不到任何具体细节可以添加到我相对简单的 JS 中以使数值结果显示为小数点后两位 - 答案可能是这样很简单，但不知何故我想不通。

它用于计算器，您将两个条目写入 2 个字段，第三个 returns 两个数字的乘积答案 - 很好。

但是，如果数字不是整数，并且需要小数位，它会显示完整的字符串，而不是必须的 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

添加以下条件，如果您只想显示小数点后两位小数，否则您希望保持原样，即作为整数：

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

JS输入字段结果显示2位小数

JS input field result to show 2 decimal placings

javascript

calculator