Javascript 如何将JS中的位数从6限制为4？（输入字段类型编号和只读）

我正试图为我的网站建立一个卡路里计算器。字段给我这样的结果0.000.000。我试图解决这个问题，只显示4位数字，例如：0.000

我不知道函数是什么，我是个粉丝，没有编程技能。请帮忙

比索
阿尔特扎
埃塔
体脂百分比
塞索
Uomo
唐娜


阿提维塔·拉沃拉瓦
莱格洛
阿提沃
阿列纳托
莫托阿提沃
阿提沃埃斯特雷曼特酒店


BMR Mifflin St Jeor配方奶粉

男性



女性



TDEE Mifflin St Jeor公式

男性



女性



卡奇-麦卡德尔公式


TDEE-Katch-McArdle公式


坎宁安公式


TDEE坎宁安公式


重新计算
重置

---

比索
阿尔特扎
埃塔
体脂百分比
塞索
Uomo
唐娜


阿提维塔·拉沃拉瓦
莱格洛
阿提沃
阿列纳托
莫托阿提沃
阿提沃埃斯特雷曼特酒店


BMR Mifflin St Jeor配方奶粉

男性



女性



TDEE Mifflin St Jeor公式

男性



女性



卡奇-麦卡德尔公式


TDEE-Katch-McArdle公式


坎宁安公式


TDEE坎宁安公式


重新计算
重置

您需要告诉

toLocaleString

您不需要数字：

document.getElementById('tdee_cunningham').value = bmr_cunningham.toLocaleString('it-IT', { maximumFractionDigits: 0 } + " Kcal";

这是文件：

---

也许你想要的是这个方法？我不知道如何使用它，我读过一些东西，但我如何在代码中正确实现它？我添加了tofixed方法，但是现在，数字显示为0000.00而不是0.000，虽然我试图只有4（千+百）个数字，但仍然剩下6个数字.见下面Skoua的回答。我想建议使用的组合是对数字进行四舍五入，去掉小数，然后对四舍五入的数字的结果应用

tolocalString（'it-it'）

，返回千位分隔符。但他的建议更简单。这很巧妙——我刚刚打了一个很长的答案，说明他如何能够补救这种情况，但你的答案比我的简单。这很有趣。我不知道你可以把一个选项对象传给toLocaleString。谢谢你。这是一个非常有趣的故事，它是一个非常有趣的故事<代码>document.getElementById（'tdee_cunningham'）。value=bmr_cunningham.toLocaleString（'it-it'，{maximumFractionDigits:0}）+“Kcal”

<!--Input Field-->
<label class="mts-label">Peso</label>
<input oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type="number" class="mts-field" maxlength="3" id="weight" name"weight1" placeholder="es: 70Kg"/>

<label class="mts-label">Altezza</label>
<input oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type="number" class="mts-field" maxlength="3" id="height" name"height1" placeholder="es: 170cm"/>

<label class="mts-label">Età</label>
<input oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type="number" class="mts-field" maxlength="2" id="age" name"age1" placeholder="es: 25 anni"/>

<label class="mts-label">Bodyfat in %</label>
<input oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" type="number" class="mts-field" maxlength="2" id="bodyfat" name"bodyfat1" placeholder="es: 15%"/>

<div class="mts-label">Sesso</div>

<!--Radio Button Sex-->
  <div class="mts-radio-button">
    <input type="radio" id="sexuomo" name="radios" value="Male">
    <label class="mts-label-radio" for="sexuomo">Uomo</label>
  </div>

  <div class="mts-radio-button1">
    <input type="radio" id="sexdonna" name="radios" value="Female">
    <label class="mts-label-radio" for="sexdonna">Donna</label>
  </div>
  
  <!--Radio Activity Level-->
  <br>
 
  <label class="mts-label">Attività lavorativa</label>
  <div class="mts-radio-button">
    <input type="radio" id="leggero" name="radiosa" value="1.2" onclick="calculate()">
    <label class="mts-label-radio" for="leggero">Leggero</label>
  </div>
  
   <div class="mts-radio-button">
    <input type="radio" id="attivo" name="radiosa" value="1.375" onclick="calculate()">
    <label class="mts-label-radio" for="attivo">Attivo</label>
  </div>
  
  <div class="mts-radio-button">
    <input type="radio" id="allenato" name="radiosa" value="1.55" onclick="calculate()">
    <label class="mts-label-radio" for="allenato">Allenato</label>
  </div>
  
  <div class="mts-radio-button">
    <input type="radio" id="Mattivo" name="radiosa" value="1.75" onclick="calculate()">
    <label class="mts-label-radio" for="Mattivo">Molto Attivo</label>
  </div>
  
  <div class="mts-radio-button">
    <input type="radio" id="Eattivo" name="radiosa" value="1.9" onclick="calculate()">
    <label class="mts-label-radio" for="Eattivo">Estremamente Attivo</label>
  </div>

<!---BMR Mifflin StJeor Result Field--->
<br>
<label class="mts-label">BMR Mifflin St Jeor Formula</label><br>


<div id="bmr-sexuomo" hidden>
<label class="mts-label">Male</label><br>
<input type="text" class="mts-field" id="bmr_mifflin_man" name="bmr_mifflin_man"
placeholder="0.000,0 Kcal" min="1" readonly/>
</div>

<br>
<div id="bmr-sexdonna" hidden>
<label class="mts-label">Female</label><br>
<input  type="text" class="mts-field" id="bmr_mifflin_woman" name="bmr_mifflin_woman"
placeholder="0.000,0 Kcal" min="1" readonly/>
</div>

<!---TDEE Mifflin StJeor Result Field--->
<br>
<label class="mts-label">TDEE Mifflin St Jeor Formula</label><br>
<div id="MifflinMale" hidden> 
<label class="mts-label">Male</label><br>
<input  type="text" class="mts-field" id="tdee_mifflin_man" name="tdee_mifflin_man"
placeholder="0.000,0 Kcal Uomo" min="1" readonly/>
</div>

<br>
<div id="MifflinFemale" hidden> 
<label class="mts-label">Female</label><br>
<input  type="text" class="mts-field" id="tdee_mifflin_woman" name="tdee_mifflin_woman"
placeholder="0.000,0 Kcal donna" min="1" readonly/>
</div>

<!---BMR Katch McArdle Formula--->
<br>
<label class="mts-label">BMR Katch McArdle Formula</label>
<div id="Ktch"> 
<input  type="text" class="mts-field" id="bmr_katch" name="bmr_katch"
placeholder="0.000,0 Kcal" maxlength="6" readonly/>
</div>

<!---TDEE Katch McArdle Formula--->
<br>
<label class="mts-label">TDEE Katch McArdle Formula</label>
<div id="Ktch"> 
<input  type="text" class="mts-field" id="tdee_katch" name="tdee_katch"
placeholder="0.000,0 Kcal" maxlength="6" readonly/>
</div>

<!---BMR Cunningham Formula--->
<br>
<label class="mts-label">BMR Cunningham Formula</label>
<div id="Cunningham"> 
<input  type="text" class="mts-field" id="bmr_cunningham" name="bmr_cunningham"
placeholder="0.000,0 Kcal" maxlength="6" readonly/>
</div>

<!---TDEE Cunningham Formula--->
<br>
<label class="mts-label">TDEE Cunningham Formula</label>
<div id="Cunningham"> 
<input  type="text" class="mts-field" id="tdee_cunningham" name="tdee_cunningham"
placeholder="0.000,0 Kcal" maxlength="6" readonly/>
</div>

<!---Calc & Reset Button--->
<br>
<button name="calculate" onclick="calculate()">Re-Calculate</button>
<button id="reset" onclick="resetFields()">Reset</button>

document.getElementById('tdee_cunningham').value = bmr_cunningham.toLocaleString('it-IT', { maximumFractionDigits: 0 } + " Kcal";