如何使HTML5輸出使用逗號？

Question

我目前正在建立一個基本的工作網頁，並希望包含一個價格計算器。 問題是貨幣使用的是烏干達先令，因此輸出成千上萬，並且將顯示為塊編號（例如：98635816）。 如何插入逗號以使輸出數字更易於閱讀？

PS這是計算器的HTML

<form  oninput="y.value=(19657.86*parseInt(b.value)).toFixed(0);
 x.value=(928.29*parseInt(b.value)).toFixed(0);
 z.value=((y.value)-(x.value)).toFixed(0)">
    <input type="number" id="b" value="0">
    <output name="y" for="a b"></output>
    <output name="x" for="a b"></output>
    <output name="z" for="a b"></output>

Answer 1

您可以使用以下特定代碼：

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

或javascript的Number.prototype.toLocaleString 。 （ 比正則表達式慢 ）

var n = 163546872.345
console.log(n.toLocaleString()) // "163,546,872.345"

（！）對於使用node.js或想要在瀏覽器中使用其他功能的人， Numeral.js可能很有趣。

Answer 2

您可以嘗試以下方法：

<form  oninput="y.value=numberWithCommas((19657.86*parseInt(b.value)).toFixed(0));
 x.value=numberWithCommas((928.29*parseInt(b.value)).toFixed(0));
 z.value=numberWithCommas(((19657.86*parseInt(b.value))-(928.29*parseInt(b.value))).toFixed(0))">
    <input type="number" id="b" value="0">
    <output name="y" for="a b"></output>
    <output name="x" for="a b"></output>
    <output name="z" for="a b"></output>

    <script>
    function numberWithCommas(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }

    </script>