0

私は JavaScript が初めてで、JavaScript で何ができるか、どのように使用するかについてもっと学びたいと思っています。

計算の結果として複数の結果を返すことは可能ですか?

クラスプロジェクトの電卓に取り組んでいます。私がやりたいことは、私のページで3つの値を返すことです:

Interest rate

total amount borrowedと monthly repayment

これまでのところ、毎月の返済額をページの div に表示することはできましたが、1 つの計算の結果として 3 つすべてをページに表示できるようにしたいと考えています。

これは可能ですか？

これが私がこれまでに思いついたものです: HTML: <p><input type="button" onclick="main();" value="Calculate"></p>

JavaScript:

function main()
{

var userInput1 = 0;
var userInput2 = 0;
var displayResult;


userInput1 = document.getElementById("loan_amount").value;
userInput1 = parseFloat(userInput1);
userInput2 = document.getElementById("loan_term").value;
userInput2 = parseFloat(userInput2);

displayResult = calcLoan(userInput1,userInput2);
document.getElementById("Result1").innerHTML=displayResult;

}

function calcLoan(userInput1,userInput2)
{
var interest =0;


    if (userInput1 <1000)
    {
    alert("Please enter a value above £1000")
    }
    else if (userInput1 <= 10000)
    {
    interest = 4.25 + 5.5;
    }
    else if (userInput1 <= 50000)
    {
    interest = 4.25 + 4.5;
    }
    else if (userInput1 <= 100000)
    {
    interest = 4.25 + 3.5;
    }
    else 
    {
    interest = 4.25 + 2.5;
    }


var totalLoan = 0;  


    totalLoan = userInput1 +(userInput1*(interest/100))*userInput2; 

var monthlyRepayment = 0;
var monthly;


    monthlyRepayment = totalLoan/(userInput2*12);
    monthly=monthlyRepayment.toFixed(2);


    alert("Interest Rate = " + interest + "%" +" "+"Total Loan amount = " + "£"+ totalLoan +" "+ "Your monthly repayment is = " + " " + "£"+ monthly);

return monthly; 

}

誰かが私を正しい方向に向けることができれば、それは素晴らしいことです!

4

2 に答える 2

1

複数のカスタム フィールドを持つ変数を作成し、それらを関数間で渡すことができます。したがって、関数は次のようになります。

function main()
{
    ...

    displayResult = calcLoan(userInput1,userInput2);
    document.getElementById("Result1").innerHTML = displayResult.interest;
    document.getElementById("Result2").innerHTML = displayResult.totalLoan;
    document.getElementById("Result3").innerHTML = displayResult.monthly;
}

function calcLoan(userInput1,userInput2)
{
    ...

    alert("Interest Rate = " + interest + "%" +" "+"Total Loan amount = " + "£"+ totalLoan +" "+ "Your monthly repayment is = " + " " + "£"+ monthly);

    var result;
    result.interest = interest;
    result.totalLoan = totalLoan;
    result.monthly = monthly;

    return result; 
}

ID Result1、Result2、および Result3 を持つ div 要素を追加することを忘れないでください。

<div id="Result1"></div>
<div id="Result2"></div>
<div id="Result3"></div>
于 2012-05-08T21:09:47.677 に答える
0

JavaScriptOOPを試してください。関数は非常に簡単に複数の値を返すことができます。それを行うにはいくつかの方法があります。これを読んでみてください：http：//killdream.github.com/blog/2011/10/understanding-javascript-oop/そしてこれ： http： //net.tutsplus.com/tutorials/javascript-ajax/the-basics- of-オブジェクト指向-javascript/

于 2012-05-08T21:11:21.703 に答える