Question

Create a web page that describes how to compute the annual cost of a project that...

Create a web page that describes how to compute the annual cost of a project that costs p and is funded by a loan at an interest i over y number of years.

Add input widgets for all the input variables and a button. Write a JavaScript function to display the input values when the button is clicked. Use the jQuery utility navbar to link the interface page with an information page that includes your name, this course name (CIT4311: Web Applications), and some basic information about amortization calculations that you can find on the web.

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Program -

<html>

<script language="JavaScript">

function calculateLoan() {

if ((document.calc.loanAmount.value == null || document.calc.loanAmount.value.length == 0) ||

(document.calc.loanDurationMonth.value == null || document.calc.loanDurationMonth.value.length == 0)

||

(document.calc.interestRate.value == null || document.calc.interestRate.value.length == 0)) {

document.calc.monthlyEmi.value = "Incomplete data";

}

else {

var princ = document.calc.loanAmount.value;

var term = document.calc.loanDurationMonth.value;

var intr = document.calc.interestRate.value / 1200;

document.calc.monthlyEmi.value = Math.round(princ * intr / (1 - (Math.pow(1 / (1 + intr), term))));

}


}


</script>

<body>

<p>

<center>

<form name=calc>

<table width=60% border=1>

<tr>

<th bgcolor="#aaaaaa" width=50%>

<font color=blue>Loan Description</font>

</th>

<th bgcolor="#aaaaaa" width=50%>

<font color=blue>Loan Data</font>

</th>

</tr>

<tr>

<td >Loan Amount</td>

<td align=right><input type=text name=loanAmount size=10></td>

</tr>

<tr>

<td >Loan duration in Month</td>

<td align=right><input type=text name=loanDurationMonth size=10></td>

</tr>

<tr>

<td >Interest Rate</td>

<td align=right><input type=text name=interestRate size=10></td>

</tr>

<tr>

<td >Monthly Payment</td>

<td align=right><em>Calculated</em> <input type=text name=monthlyEmi size=10></td>

</tr>

<tr>

<td align=center><input type=button onClick='calculateLoan()' value=Calculate></td>

<td align=center><input type=reset value=Reset></td>

</tr>

</table>

</form>

</center>

</body>

</html>

Screenshots -

Add a comment
Know the answer?
Add Answer to:
Create a web page that describes how to compute the annual cost of a project that...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • for Javascript, JQuery When the page is first opened a user will see the name field...

    for Javascript, JQuery When the page is first opened a user will see the name field and the three vacation images to the left of the page. The page should behave according to the following rules. 1. When a user's mouse pointer goes over any image, that image's border will change to be "outset 10px" and when the mouse pointer leaves that image it's border will change to "none". 2. When the user clicks a "Vacation" image on the left,...

  • Consider the attached Registration form. Use jQuery to: 1) Change the "Search" link on the left...

    Consider the attached Registration form. Use jQuery to: 1) Change the "Search" link on the left to a button that when clicked, hide all the fields on the form and display the text "This is a search feature..." 2) Display "required" in every input field upon loading the page 3) When the user fills the form and clicks "Login", the values inputted should be displayed in the empty row (under Login) of the page. The display should be in the...

  • Create an HTML5 page that contains a form to collect the following data. The text in...

    Create an HTML5 page that contains a form to collect the following data. The text in bold indicates the id value that should be assigned to each html control: Product (drop down list) product – iPad, iPhone 6S, Galaxy 5S, Moto X, and so on Quantity (number) quantity Unit price (number) unit_price Discount (%)(number) discount_rate Date (date)   order_date First Name (text box)   first_name Last Name (text box)   last_name Payment type (drop down list)   payment_type – Visa, Master, Discover, Amex, and...

  • In this assignment you will combine HTML, PHP, and SQL in order to create a web...

    In this assignment you will combine HTML, PHP, and SQL in order to create a web form that allows a manager to add films to the sakila database. You will also create a method to allow the manager to view a list of all films along with their related information, and a list of actors in the movies. Task 1 Create an initial HTML page titled manager.html with 2 buttons. The first button will be labeled “View Films”, and the...

  • PHP Programming In this project, you will create a Web page that allows visitors to your...

    PHP Programming In this project, you will create a Web page that allows visitors to your site to sign a guest book that is saved to a database. Create a new document in your text editor and type the <!DOCTYPE> declaration, <html> element, document head, and <body> element. Use the strict DTD and “Guest Book” as the content of the <title> element. Add the following text and elements to the document body: <h2>Enter your name to sign our guest book</h2>...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • Design an original, professional web site following the specifications listed below. This web sit...

    Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

  • This week, you will start a course project. For this project, you will design and develop...

    This week, you will start a course project. For this project, you will design and develop a small website for a travel company. You will develop this website across the span of the course, building new project components each week, until you have a live, hosted website at the end of the course. This project is designed to replicate real-life situations where the clients provide only a few of their requirements and expect a prototype to be developed. Scenario Express...

  • i need the code that goes within the <script> opening and closing following the insturctions of...

    i need the code that goes within the <script> opening and closing following the insturctions of the insturctions of the pasted assignment screen shots please. <!DOCTYPE html> <html> <head> <!-- JavaScript 6th Edition Chapter 3 Hands-on Project 3-1 Filename: index.htm --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Hands-on Project 3-1</title> <link rel="stylesheet" href="styles.css" /> <script src="modernizr.custom.05819.js"></script> </head> <body> <header> <h1> Hands-on Project 3-1 </h1> </header> <article> <h2>Lunch selections</h2> <form> <input type="checkbox" id="item1" value="8" /> <label for="item1">Fried chicken ($8.00)</label> <input type="checkbox"...

  • For milestone #1, we will start the CARIT site with three static HTML pages and a...

    For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT