从输入标签向段落添加一千个分隔符

Question

我有一个执行计算的输入标记，但我想获取输入标记的值并将其解析为段落标记并设置其格式。这是输入标记<form:input id="amount" min="1" class="form-control"                                                         type="number"  required="true"                                                         placeholder="Enter Value"></form:input>这是用于设置上面输入的值的格式的段落标记<p>Inputted Amount: </p>我已经研究过并拥有这个，但不知道如何将其传递给段落标签：function addSeperator(nStr){   nStr += '';   x = nStr.split('.');   x1 = x[0];   x2 = x.length > 1 ? '.' + x[1] : '';  var rgx = /(\d+)(\d{3})/;  while (rgx.test(x1)) {     x1 = x1.replace(rgx, '$1' + ',' + '$2');   }  return x1 + x2; }

Answer 1

您可以使用 Intl.NumberFormat 来设置数字的格式：

请参阅我为您创建的此代码笔。

示例代码：

  Input:

  <input 

      id="amount" 

      min="1" 

      class="form-control"                          

      type="number"  

      required="true"

      value="87654321"

      onchange="showNumber()"

      onkeyup="showNumber()"

      placeholder="Enter Value"></input>

  <p>Inputted Amount: <span id="result"></span></p>

js：

function showNumber() {

  var n = document.querySelectorAll('#amount')[0].value;

  var formatter = new Intl.NumberFormat('de-DE', {});

  document.querySelectorAll('#result')[0].innerText = formatter.format(n);

  // → 87.654.321

}

showNumber();

请参见： Intl.NumberFormat