javascript 用于银行贷款计算器

Question

我想为网页插入一个银行贷款计算器，我找到了javascript。我已经修改了 javascript 但它无法运行。

这是我找到 javascript

的地方

https://www.developphp.com/video/JavaScript/Monthly-Payment-Loan-Calculator-Form-Programming-Tutorial

这是我的脚本

function computeLoan(){
    var amount = document.getElementById('pricerange').value;
    var years = document.getElementById('bankloan').value;
    var interest_rate = document.getElementById('interest_rate').value;
    var loan = (amount * 90) / 100;
    var months = years * 12;
    var interest = (loan * (interest_rate * .01)) / months;
    var payment = ((loan / months) + interest).toFixed(2);
    payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    document.getElementById('installment').innerhtml = payment;
}

<div>Loan Amount: $ 
    <select id="pricerange" onchange="computeLoan()">
        <option value="0" >Select an option</option>
        <option value="200000">200k</option>
        <option value="300000">300k</option>
        <option value="400000">400k</option>
        <option value="500000">500k</option>
    </select>
</div>
<div>Year:
<select id="bankloan" onchange="computeLoan()">
    <option>Select an option</option>
    <option value="001">1</option>
    <option value="002">2</option>
    <option value="003">3</option>
    <option value="004">4</option>
    <option value="005">5</option>
</select>
</div>
<div>Interest Rate: <input id="interest_rate" type="number" min="0" max="100" value="10" step=".1" onchange="computeLoan()">%</div>
<div>Installment monthly
<input id="installment" type="text">
</div>

计算是

还款额 = (90% 贷款额/月) + ((90% 贷款额 * 4.2% 利率)/月)

计算结果会显示在文本框中，并附有Id installment

谢谢

Answer 1

您正在使用 <input> 元素显示计算值，但试图使用 .innerHTML 设置该值。您复制的示例的结果显示在 <h2> 元素中，它确实有一个有用的 innerHTML 属性.

您应该使用 .value 来显示您的结果：

document.getElementById('installment').value = payment;

[请注意，在设置两个值之前，结果为 NaN——您可能也需要在其中进行一些验证。]

javascript 用于银行贷款计算器

javascript for bank loan calculator

html

javascript

calculator