javascript - 为什么这不起作用？ (某些输出上的 toLocaleString)

Question

我下面有这个基本计算器，我使用 toLocaleString 在数字内添加分隔符，以便更容易阅读。它在第三个输出上完美工作，但在前两个输出上不起作用？我有基本的编码技能，所以我不是 100% 确定如何使用它......

<form oninput="loanval.value=loan.value.toLocaleString(); periodval.value=period.value.toLocaleString(); paymentval.value=Math.floor(loan.value / period.value).toLocaleString()">

<label>Loan Amount</label>
<input type="range" id="loan" name="loan" min="5000" max="400000" step="5000">              
<output name="loanval" for="loan">0</output>

<label>Loan Period</label>
<input type="range" id="period" name="period" min="1" max="15">          
<output name="periodval" for="period">0</output>

<label>Your monthly repayment will be:
<output name="paymentval">0</output>

</form>

Answer 1

这是因为默认情况下，您的表单输入是字符串，而toLocaleString适用于数字。因此，要相应地更改它，您必须将 loan.value 更改为 parseInt(loan.value, 10)，如您在 fiddle 中看到的那样

也就是说，Math js 函数隐式地为您执行上述转换，因此这就是您最后的输出按预期工作的原因。