计算结果中的小数/千位分隔符（点和逗号） Js 和输入字段

Question

我正在尝试在输入字段中获取千位、百位和小数的分隔符。例如：如果我计算 50 * 50 结果是 2500 而我想得到 2.500,00

否则：如果我计算 52,5 * 52,5 结果是 2756.25，而我想得到 2.756,25

下面是我编写的代码，可以帮助我处理 Whosebug 帖子 https://jsfiddle.net/snake93/dyepq135/10/

我是一个粉丝，甚至不知道编码的基础知识，所以我只是想弄清楚如何实现分隔符（点和逗号）。

<label class="mts-label">Peso</label>
<input  type="number" step="any" class="mts-field" maxlength="4" id="peso" name"peso1" placeholder="es: 70Kg"/>

<label class="mts-label">Altezza</label>
<input  type="number" class="mts-field" maxlength="4" id="altezza" name"altezza1" placeholder="es: 170cm"/>

<label class="mts-label">BMR</label>
<input  type="text" class="mts-field" id="bmruomo" name="bmruomo"
placeholder="0.000,0 Kcal" min="1" readonly/>

<button onclick="calculate()">Calcola</button>
<button id="reset" onclick="resetFields()">Reset</button>

calculate = function() {
 var peso = document.getElementById('peso').value;
 var altezza = document.getElementById('altezza').value;
 var bmruomo = parseFloat(peso * altezza);
  document.getElementById('bmruomo').value = bmruomo;

}
   
function resetFields(){
 var inputArray = document.querySelectorAll('input');
  inputArray.forEach(function (input){
    input.value = "";
    });
}

Answer 1

你可以做到...

const
  f_BMR = document.forms['f-BMR']
, num2strEUR = n =>
  {
  let str = n.toFixed(2).replace('.',',')
  return [...str].reduce((r,c,i,a)=>
    {
    r += c
    let p = (a.length - i) 
    if ((p%3)===1 && p>4) r += '.'
    return r 
    },'')
  }
f_BMR.onsubmit = e =>
  {
  e.preventDefault()
  let bmr_val = (f_BMR.peso1.valueAsNumber * f_BMR.altezza1.valueAsNumber) 

  f_BMR.bmruomo.value = num2strEUR(bmr_val )
  }

label,input, div {
  display    : block;
  float      : left;
  clear      : both;
  }
label, div{
  font-size   : .7em;
  font-weight : bold;
  margin-top  : .8em;
  }
label:after {
  content     : ' :'
  }

<form name="f-BMR">
  <label>Peso</label>
  <input name="peso1" type="number" step="any" placeholder="es: 70Kg" value="" required>

  <label>Altezza</label>
  <input name="altezza1" type="number" step="any" placeholder="es: 170cm"/ value="" required>

  <label>BMR</label>
  <input name="bmruomo" type="text" class="mts-field" placeholder="0.000,0 Kcal" value="" readonly>

  <div>
    <button type="submit">Calcola</button>
    <button type="reset">Reset</button>
  </div>
</form>

计算结果中的小数/千位分隔符（点和逗号） Js 和输入字段

Decimal / Thousand separator (dot and comma) in the calculation results Js and Input field

html

javascript

decimal

input-field

calculation