Question

我正在尝试格式化货币值以仅显示2位小数，并且如果为负则也会更改输出值。目前，输出呈现14个十进制字符，并且关闭$ 0.01！

我有JSFiddle显示输出，描述了我遇到的这两个问题。

javascript非常简单！也许它的简单性是问题的原因。这是脚本：

var accountbalance = 99.99;
var renewalfee = 64.95;
var balanceafterrenewal = (accountbalance - renewalfee);
document.getElementById("remainingBalance").innerHTML = balanceafterrenewal;

呈现输出的HTML代码如下：

<div class="remainingbalancelabel">Remaining Balance Rendering Output</div>
   $<span id="remainingBalance"></span>
</div>

我将不胜感激：

格式化remainingBalance以正确显示正确的值
格式化remainingBalance以仅显示2个十进制字符
颜色变为负值时将remainingBalance更改为RED

我会提前感谢你！：）

Answer 1

使用.toFixed设置为一定的小数位数：

document.getElementById("remainingBalance").innerHTML = balanceafterrenewal.toFixed(2);

分配给元素＆＃39; .style.color以更改其颜色：

＆＃13;

const accountbalance = 99.99;
const renewalfee = 100;
const balanceafterrenewal = (accountbalance - renewalfee);
document.getElementById("remainingBalance").innerHTML = balanceafterrenewal.toFixed(2);
if (balanceafterrenewal < 0) document.getElementById("remainingBalance").style.color = 'red';

＆＃13;

<span id="remainingBalance"></span>

＆＃13;

Answer 2

我刚刚更新了您的JSFiddle，通过实施JQuery更改了简化的内容，并更改了代码以验证值是否低于零，添加了您的类，并使用了.toFixed(2)来限制小数的情况。

希望它会有所帮助！

P.S。：Dorry压倒你的小提琴...我对这件事有点新鲜xD

格式化带有2位十进制数字的货币值，并将负值更改为RED

2 个答案: