2016-04-11 23 views
-1

こんにちは、私はドロップダウンボックスでローン計算機を作ろうとしています。あなたが借りたい金額を入力すると、6.75%または9.71%の金利でドロップダウンが表示されます。あなたはあなたのローンを返済したいと思っています。しかし私は私が考えることができ、それが機能していないすべてをやったことがありますか?誰でも助けてくれますか?誰もが、それは素晴らしいことだ何をすべきかに私を助けることができれば感謝ドロップダウンボックスを使用したローン計算機

が、これはこれは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; 
} 

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> 

をです!ありがとう

+0

どこが壊れていますか?あなたは実際に実行中の問題に言及していませんか? – Fallenreaper

+0

何かエラーがありますか... ....... –

+0

私がコードを実行すると、関数のうちの1つのみが働いて、2番目の関数をコメントアウトすると、最初の関数が正しく動作し、その逆を返します。 – ash3030

答えて

0

同じ名前を持つ2つの関数を持つことはできません。

選択ロジックの値に依存する条件付きロジックを使用して、1つの関数を作成します。私はそれが助けて欲しい!

また、onchange属性をoption要素ではなくselect要素に移動し、selectの値を取得する必要があります。

+0

"onchange属性をoption要素の代わりにselect要素に移動し、selectの値を取得する必要があります。何をすべきかにもう少し詳しく教えてください。このような感謝 – ash3030

+0

何か100%確実ではない、 あなたのコードに続いて ... <のonchange =「computeLoan()」ID =「率」を選択>、金利は選択の値を等しくします。あなたは例を見ることができます[ここ](http://api.jquery.com/val/) –

+0

私はそれに感謝を与える – ash3030

関連する問題