I'm Working on a future value calculator using jQuery. I'm having issues with where to start on this so I need a solution to work backward and understand the solution. I'm looking for help on writing the JS file with jQuery.

Heres what I got.

1. Add a script element to the HTML file that gives you access to the jQuery library.

2. Write the code in the JavaScript file so it uses jQuery.

3. add a JavaScript statement that moves the focus to the Investment Amount text box each time the Calculate button is clicked.

HTML

jQuery FAQs

• What is jQuery?

  jQuery is a library of the JavaScript functions that you're most likely to need as you develop web sites.

• Why is jQuery becoming so popular?

  Three reasons: It's free; It lets you get more done in less time; All of its functions are cross-browser compatible.

• Which is harder to learn: jQuery or JavaScript?

  For most functions, jQuery is significantly easier to learn and use than JavaScript. But remember that jQuery is JavaScript.

CSS file

/* type selectors */ article, aside, figure, figcaption, footer, header, nav, section { display: block; } * { margin: 0; padding: 0; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 87.5%; width: 650px; margin: 0 auto; border: 3px solid blue; } section { padding: 15px 25px; } h1 { font-size: 150%; } h2 { font-size: 120%; padding: .25em 0 .25em 25px; cursor: pointer; background: url(images/plus.png) no-repeat left center; } h2.minus { background: url(images/minus.png) no-repeat left center; } a { color: black; text-decoration: none; } a:focus, a:hover { color: blue; } div { display: none; } div.open { display: block; } ul { padding-left: 45px; } li { padding-bottom: .25em; } p { padding-bottom: .25em; padding-left: 25px; }