javascript中的数字格式输入字段问题

我对javascript字段有问题。当我在第一个表格中键入数字时，第二个表格中会出现相同的数字，请帮助我解决此问题

谢谢你

第一个字段：

<div class="form-group">
   <label>Price</label>
    <input type="text" class="form-control" id="formattedNumberField" name="price" placeholder="IDR. .." required>
</div>

<div class="form-group">
  <label>Insurance</label>
   <input type="text" class="form-control" id="formattedNumberField2" name="insurance" 
     placeholder="IDR. .." required>
 </div>

---

对我来说，

parseInt（“10000.replace（/\D/g）”），10.toLocaleString（）的输出

是

“10.000”

不幸的是，我希望第一个表单和第二个表单得到不同的结果。什么是不同的结果？我在第一个字段中输入，但它也出现在第二个字段中，不应该是这样，请检查我的附加图像

var fnf = document.getElementById("formattedNumberField");
fnf.addEventListener('keyup', function(evt) {
    var n = parseInt(this.value.replace(/\D/g, ''), 10);
    fnf.value = n.toLocaleString();
}, false);