JS输入字段结果显示2个小数点放置

Question

我看过很多关于这类主题的帖子，但我找不到任何细节可以添加到我相对简单的 JS 中，以使数字结果显示为小数点后 2 位 - 答案可能很简单，但不知何故我无法弄清楚。

对于计算器，您将两个条目写入 2 个字段，第三个返回 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);
}