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分期付款的文本框中。

由于

Answer 1

您正在使用<input>元素显示计算的值，但尝试使用.innerHTML进行设置。您复制的示例将结果显示在<h2>元素中，该元素具有有用的innerHTML属性。

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

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

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

银行贷款计算器的JavaScript

1 个答案: