Using jQuery in JS,

You will develop the following interface to calculate a future value investment.

1. Open the attached HTML, JS and CSS files.

2. First, accept user entries for 'Investment Amount', 'Annual Interest Rate', and 'Number of Years'.

3. Add an event handler for the dblclick event of the Rate text box that would clear the text box.

4. Ensure the future value calculation is calculated so interest is compounded monthly instead of yearly.

5. If you havent already done so, add data validation to make sure it displays the error messages in the span elements that follow the text boxes. These messages should be removed when the related fields are valid. Do this one field at a time, starting from the top.

/_____future_value.js______/

var $ = function (id) { return document.getElementById(id); } var calculateClick = function () { } window.onload = function () { $("calculate").onclick = calculateClick; $("investment").focus(); }

/_____future_value.html______/

Future Value Calculator

Investment Amount: Annual Interest Rate: Number of Years: Future Value:

/_____future_value.css______/

body { font-family: Arial, Helvetica, sans-serif; background-color: white; margin: 0 auto; width: 500px; padding: 0 1em .5em; border: 3px solid blue; } h1 { margin: .5em 0; } label { float: left; width: 10em; text-align: right; padding-bottom: .5em; } input { margin-left: 1em; margin-bottom: .5em; }

Future Value Calculator Investment Amount 1000000 Must be an integer from 100 100,000 Must be a value from 1-12 Must be an integer from 1-50 Annual Interest Rate: 05 Number of Years 100 Future Value: 211206 Calculate