Mortgage Calculator Website

For a given interest rate, principal size and monthly payment, the client will want to find out how long it will take to pay off the mortgage and what will be the amount she will spend over the years on interest. The principal and the monthly payment are positive integers (measured in dollars) and the interest rate is a number that can contain a fractional part and it is expressed a percentage. The monthly interest rate is 1/12 times the interest rate entered by the user. Thus if the principal is $100,000, the interest rate 6%, and the monthly payment $2,000, the interest for the first month will be 0.5% $100,000 = $ 500 and so $500 of the first payment will go towards the principal and $1,500 towards reducing the principal (which will decrease to $98,500 after the first month). For this particular example the mortgage will be paid off after 4 years and 10 months and the total amount that goes towards paying the interest is $15,361.36

Design a Website or Page that uses html to perform the following functionality and should look like the example below

1.The page should consist of two main regions: the narrower left-side region holding the actual calculator and the right-side region holding a log of previous calculations.

2.The calculator should have three input fields for the principal, interest rate and monthly payment, a submit button triggering the computation, a reset button for clearing all fields and two elements displaying the results of the calculation - the duration of the mortgage expressed as an integer number of years followed by between 0 and 11 months, and the total amount that goes toward paying the interest. The calculator should check the validity of the input parameters.

3.After every computation, the log of calculations should be extended with a record holding the three input parameters and the two results.

4.The log should have a button allowing the user to clear all. Each individual log record should also have some type of element allowing the user to delete it.

5. clicking on any of the three input parameters present in a log record should change the value of the corresponding field in the calculator to the value from the log entry. This last feature allows the user to perform new calculations by mixing and matching input parameters from previous calculations. You can make use the Firefoxs DOM Inspector, but do not use frames for this.

example:

calculate history CLEAR ALL principal: 100000, interest rate: 6%, monthly payment:2000 mortgage will be paid off after 4years and 10 months total amount to pay the interest is 15361.36 Enter Principal Amount: Enter Interest Rate: Enter Monthly Payment: 100000 Delete 64 % 2000 Submit Reset mortgage will be paid off after: 4 years and 10 months total amount to pay the interest: $15361.36