All questions are based on the original loan html source code provided by the instructor Question 2 Is this client side JavaScript or server side JavaScript code Question 3 How many programmer defined functions are there in this program Please list their names If its an anonymous function write the function definition Question 4 Do you spy any predefined global objects used in this program List as many as you know Question 5 Do you spy any HTML event registered If so what type event it is and who is the event handler JavaScript Loan Calculator This is a CSS style sheet it adds style to the program output output font weight bold Calculated values in bold payment text decoration underline For element with id payment graph border solid black 1px Chart has a simple border th, td vertical align top Don't center table cells Enter Loan Data Loan Balance, Cumulative Equity, and Interest Payments Amount of the loan ($) Annual interest ( ) Repayment period (years) Zipcode (to find lenders) Approximate Payments Calculate Monthly payment $ Total payment $ Total interest $ use strict Use ECMAScript 5 strict mode in browsers that support it This script defines the calculate() function called by the event handlers in HTML above The function reads values from elements, calculates loan payment information, displays the results in elements It also saves the user's data, displays links to lenders, and draws a chart function calculate() Look up the input and output elements in the document var amount document getElementById( amount ) var apr document getElementById( apr ) var years document getElementById( years ) var zipcode document getElementById( zipcode ) var payment document getElementById( payment ) var total document getElementById( total ) var totalinterest document getElementById( totalinterest ) Get the user's input from the input elements Assume it is all valid Convert interest from a percentage to a decimal, and convert from an annual rate to a monthly rate Convert payment period in years to the number of monthly payments var principal parseFloat(amount value) var interest parseFloat(apr value) 100 12 var payments parseFloat(years value) 12 Now compute the monthly payment figure var x Math pow(1 interest, payments) Math pow() computes powers var monthly (principal x interest) (x 1) If the result is a finite number, the user's input was good and we have meaningful results to display if (isFinite(monthly)) Fill in the output fields, rounding to 2 decimal places payment innerHTML monthly toFixed(2) total innerHTML (monthly payments) toFixed(2) totalinterest innerHTML ((monthly payments) principal) toFixed(2) Save the user's input so we can restore it the next time they visit save(amount value, apr value, years value, zipcode value) Finally, chart loan balance, and interest and equity payments chart(principal, interest, monthly, payments) else Result was Not a Number or infinite, which means the input was incomplete or invalid Clear any previously displayed output payment innerHTML Erase the content of these elements total innerHTML totalinterest innerHTML chart() With no arguments, clears the chart Save the user's input as properties of the localStorage object Those properties will still be there when the user visits in the future function save(amount, apr, years, zipcode) if (window localStorage) Only do this if the browser supports it localStorage loan amount amount localStorage loan apr apr localStorage loan years years localStorage loan zipcode zipcode Automatically attempt to restore input fields when the document first loads window onload function() If the browser supports localStorage and we have some stored data if (window localStorage localStorage loan amount) document getElementById( amount ) value localStorage loan amount document getElementById( apr ) value localStorage loan apr document getElementById( years ) value localStorage loan years document getElementById( zipcode ) value localStorage loan zipcode Chart monthly loan balance, interest and equity in an HTML element If called with no arguments then just erase any previously drawn chart function chart(principal, interest, monthly, payments) var graph document getElementById( graph ) Get the tag graph width graph width Magic to clear and reset the canvas element If we're called with no arguments, or if this browser does not support graphics in a element, then just return now if (arguments length 0 graph getContext) return Get the context object for the that defines the drawing API var g graph getContext( 2d ) All drawing is done with this object var width graph width, height graph height Get canvas size These functions convert payment numbers and dollar amounts to pixels function paymentToX(n) return n width payments function amountToY(a) return height (a height (monthly payments 1 05)) Payments are a straight line from (0,0) to (payments, monthly payments) g moveTo(paymentToX(0), amountToY(0)) Start at lower left g lineTo(paymentToX(payments), Draw to upper right amountToY(monthly payments)) g lineTo(paymentToX(payments), amountToY(0)) Down to lower right g closePath() And back to start g fillStyle f88 Light red g fill() Fill the triangle g font bold 12px sans serif Define a font g fillText( Total Interest Payments , 20,20) Draw text in legend Cumulative equity is non linear and trickier to chart var equity 0 g beginPath() Begin a new shape g moveTo(paymentToX(0), amountToY(0)) starting at lower left for(var p 1 p

The Answer is in the image, click to view ...

Question: *All questions are based on the original loan.html source code provided by the instructor. Question 2: Is this client-side JavaScript or server-side JavaScript code? Question

*All questions are based on the original loan.html source code provided by the instructor.

Question 2: Is this client-side JavaScript or server-side JavaScript code?

Question 3: How many programmer defined functions are there in this program? Please list their names. If its an anonymous function write the function definition.

Question 4: Do you spy any predefined global objects used in this program? List as many as you know.

Question 5: Do you spy any HTML event registered? If so what type event it is and who is the event handler?

JavaScript Loan Calculator

Enter Loan Data:		Loan Balance, Cumulative Equity, and Interest Payments
Amount of the loan ($):
Annual interest (%):
Repayment period (years):
Zipcode (to find lenders):
Approximate Payments:
Monthly payment:	$
Total payment:	$
Total interest:	$

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

pls help me. your job is accorading below the code you shoud to read carefully and give me currect answer to that questions. if you dont know pls ask me again but don't put any kind of answes....

plz using javascript. When you open the loan.html file in a browser, you should see something like this: Modify this program so that the annual interest rate is not based on users input, but based on...

*Questions 1 - 3 are based on the original index.html source code provided by the instructor. Questions 4 5 are based on the server.js source code. Question 1: What type of variable is langs , is it...

I have this javascript code and I cannot get the understanding of what should be done with the import anonymous function. If you could do this and explain Part One: A Simple hello web site with cool...

Web Programming and Security Introduction - World Wide Web has evolved from a system that delivers static pages to a platform that supports distributed applications, known as web applications and...

Project Description: You are given a Node.js project that calculates rabbit population in 1, 10, 30, and 44 months respectively. This project is adapted from the example in the textbook Listing 2-24...

Two parts project (Please leave comments in the code so I can learn where the changes has been made) Thanks Project Description: You are given a Node.js project based on our Hello Node project in...

I have to create a program in C and I can't figure it out. The program has to read a source file. Please help. /******************************************************************** PROJECT: Glossary...

Building a Simple Web Server with ExpressJS This lecture will be a bit different this week and instead of covering a specific chapter topic, we will walk through building a simple ExpressJS web...

Can you please help me with this case problem? AICPA Case Development Program. Case No. 2000-02: Recreation, Inc Case No. 2000-02: Recreation, Inc. 1 AICPA Case Development Program RECREATION, INC....

Apollos Alpha-1 bond was issued at a time when interest rates were even higher. It has a coupon rate of 22%, a $1,000 face value, an initial term of 30 years, and is now 13 years old. Calculate its...

Greg has one employer, and his only source of income is wages. In 2019, he claimed the standard deduction and no other deductions or credits. He received a large refund after filing his 2019 tax...

Which of the following is an acceptable way to estimate Uncertain consideration? Mutiple Croice Most Berly amount or expected value depending upon croumbances. Eapected value of the amount to be...

Differences between Market Skimming and Market Penetration Pricing Strategies Discuss the differences between a market skimming and market penetration pricing strategy. Research an article outlining...

4. How exactly would you appraise the employees competencies? What tools would you use specifically, and why?

4. From what youve seen in this video, what exactly would you do to turn Hautelooks appraisal process into more of a performance management process?

1. From what Ms. Taylor says in the video, does The Weather Channel really use a performance management process? Why do you conclude that?