使用 javascript 的带有下拉框的贷款计算器

Question

你好，我正在尝试制作一个带有下拉框的贷款计算器。您输入要借入的金额，然后会出现一个下拉列表，其中显示利率为 6.75% 或 9.71%。然后你输入你想要偿还贷款的月份。但是我已经做了我能想到的一切，但它不起作用？谁能帮帮我吗？谢谢

这是html

<body> 
<p>Loan Amount: €<input id="amount" type="number" min="1" max="1000000" onchange="computeLoan()"></p>


<p>Interest Rate:
 <select>
    <option value="" disabled="disabled" selected="selected">Select A Loan Rate</option>
    <!-- 6.75 loan -->
    <option value="6.75" input id="interest_rate" onchange="computeLoan()">6.75%</option>
    <!-- 9.71 loan -->
    <option value="9.71" input id="interestRate" onchange="computeLoan()">9.75%</option>
</select>


<p>Months: <input id="months" type="number" min="1" max="60" value="1" step="1" onchange="computeLoan()"></p>


<h2 id="payment"></h2>

这是javascript

// first function excute at a rate of 6.75% APR
function computeLoan()
{
    var amount = document.getElementById('amount').value;

    var interest_rate = document.getElementById('interest_rate').value;

    var months = document.getElementById('months').value;

    var interest = (amount * (interest_rate * .01)) / months;

    var payment = ((amount / months) + interest).toFixed(2);

    payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

    document.getElementById('payment').innerHTML = "Your Monthly Payment = € "+payment;

}

// Second function excute at a rate of 9.71% APR

function computeLoan(){
    var amount = document.getElementById('amount').value;

    var interestRate = document.getElementById('interestRate').value;

    var months = document.getElementById('months').value;

    var interest = (amount * (interestRate * .01)) / months;

    var payment = ((amount / months) + interest).toFixed(2);

    payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

    document.getElementById('payment').innerHTML = "Monthly Payment = $"+payment;
}

如果有人能帮助我做些什么就太好了！谢谢

Answer 1

不能有两个同名的函数。

创建一个具有条件逻辑的函数，它取决于 select 的值。希望对您有所帮助！

此外，您应该将 onchange 属性移动到 select 元素而不是选项元素，并获取 select.

的值

使用 javascript 的带有下拉框的贷款计算器

Loan calculator with a dropdown box usingjavascript

javascript

jquery

function

calculator