HomeworkLib
Question

You will create an HTML file that contains input elements with event-handling capabilities according to the...

You will create an HTML file that contains input elements with event-handling capabilities according to the requirements listed on the next page.

The program that processed the Banking Transactions in the previous assignment needs a makeover to accept data using text boxes. The results will be displayed on the same rows that contain the transactions. (Balance, Deposit, Withdrawal). The requirements for calculating the final balances and producing special messages (if applicable) remain unchanged. However, the initial balance will not be entered since it is assumed that all customers start with a $1,000 initial balance The format of the screen should be similar to the following: Additional Requirements:  You will enter a comment on the head section with your name on it.  You will use buttons to select the transaction type.  You will use text boxes to enter the amount of the transaction (for Deposit or Withdrawal transactions).  You will use text boxes to display any special message.  You will use a Process Transaction button to calculate the final balance and display any special message.  You will use a Clear Data button to reset the main variables as well as the text boxes in order to be able to process the next customer’s trasaction.  The variable names should be descriptive.  Assume that each client can only perform a single transaction (each transaction is assumed to be performed by a different client).

Deposit: all deposits up to $3,000 dollars will be credited immediately. Deposits greater than $3,000 will receive a bonus of 5% of the portion of the deposit above $3,000. This amount and the bonus will be marked as “Pending”.  Withdrawal: all withdrawal amounts that exceed the current balance will be rejected. In addition, any withdrawal that would result in a balance of $300 or less will be marked as “Warning: Low balance”.  Balance: This transaction will simply display the current balance in the client’s account.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Answer:

<html>
<head>
<style>

body{
padding:50px;
  
}
.final{
background-color:black;
}
div{
border : 1px solid gray;
border-radius: 5;
padding:10px;
}
button{
padding-left:10px;
background-color:white;
border : 1px solid gray;
border-radius: 5;
}
label{
color:white;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<th> Transaction </th>
<th> Amount </th>
<th> Final Balance </th>
<th> Special Messaage </th>
</tr>
<tbody>

<tr>
<td> <button onclick="return balance();">Balance</button> </td>
<td> </td>
<td class="final"> <label id="bf" > </label> </td>
<td> <input id="bm"/></td>
</tr>
<tr>
<td> <button onclick="return depoist();">Depoist</button></td>
<td> <input id="da"/></td>
<td class="final"> <label id="df"> </label></td>
<td> <input id="dm"/></td>
</tr>
<tr>
<td> <button onclick="return withdraw();">Withdraw</button></td>
<td> <input id="wa"/></td>
<td class="final"> <label id="wf"> </label></td>
<td> <input id="wm"/></td>
</tr>
</tbody>
</table>
<br/>
<button onclick="return process();" >Process Transaction</button>
<button onclick="return cleardata();">Clear Data</button>
</div>
<script>
var oldBalnace = 1000;
var finalbalance = oldBalnace;
function process()
{
var da = parseInt(document.getElementById("da").value);
if(!isNaN(da)){
if(da>3000)
{
var newbal = da+ (da-3000)*5/100;
finalbalance = finalbalance+newbal;
}
else
{
finalbalance = finalbalance+da;
}   
  
}
var wa = parseInt(document.getElementById("wa").value);
if(!isNaN(wa)){
if(wa < finalbalance)
{
finalbalance = finalbalance-wa;
document.getElementById("bf").innerText ='$'+ finalbalance;
}
else
{
document.getElementById("wm").value = "Less amount in account";
}
}
document.getElementById("bf").innerText ='$'+ finalbalance;
}
function balance()
{
document.getElementById("bf").innerText ='$'+ finalbalance;
}
function depoist()
{
var da = parseInt(document.getElementById("da").value);
if(!isNaN(da)){
if(da > 3000)
{
var newbal = da+ (da-3000)*5/100;
document.getElementById("df").innerText ='$'+ newbal;
document.getElementById("dm").value = "Pending";
}
else
{
var newbal = finalbalance+da;
document.getElementById("df").innerText ='$'+ newbal;
}
}
else
{
document.getElementById("dm").value = "Enter valid value";
}
}
function withdraw()
{
var wa = parseInt(document.getElementById("wa").value);
if(!isNaN(wa)){
if(wa < finalbalance)
{
var wbalance = finalbalance-wa;
document.getElementById("wf").innerText ='$'+ wbalance;
if(wbalance <= 300)
{
document.getElementById("wm").value = "Warning: Low balance";
}
}
else
{
document.getElementById("wm").value = "Less amount in account";
}
}
else
{
document.getElementById("wm").value = "Enter valid value";
}
}
function cleardata()
{
finalbalance = oldBalnace;
document.getElementById("bf").innerText = "";
document.getElementById("wf").innerText = "";
document.getElementById("df").innerText = "";
  
document.getElementById("bm").value = "";
document.getElementById("wm").value = "";
document.getElementById("dm").value = "";
document.getElementById("da").value = "";
document.getElementById("wa").value = "";
}
  
</script>
</body>
</html>

0 0
Add a comment
Know the answer?
Add Answer to:
You will create an HTML file that contains input elements with event-handling capabilities according to the...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

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

  • 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...

  • If you could please assist me with this C# assignment. Screenshots would be greatly appreciated! Create...

    If you could please assist me with this C# assignment. Screenshots would be greatly appreciated! Create a Windows application using C# visual studio that functions like a banking account register. The graphical user interface should initially allow the user to input the account name, number, and initial balance. Ensure that the full name is entered for the customer and that only numeric values are entered for number fields when the Create Account button is selected. Separate the business logic from...

  • You are to write a Java program using the following instructions to build a bank-ATM server...

    You are to write a Java program using the following instructions to build a bank-ATM server system with sockets. A bank holds accounts that can have deposits, withdrawals, or retrievals of balance. The bank server provides the account for transactions when a client uses and ATM machine. The ATM asks for the type of transaction and the amount (if needed), then creates a socket connection to the bank to send the transaction for processing. The bank performs the transaction on...

  • HTML / CSS Content Requirements Create a home page with the following elements and settings: Set...

    HTML / CSS Content Requirements Create a home page with the following elements and settings: Set the background, font colors, and “theme” to match those used in lab assignment #1 using an external css file; inline styling should be used only where necessary to override styling from the external css H1 element, centered at the top of the page, with “Thank you for choosing Your Company Name. . . “ text* Div or other container with at least 5 sentences...

  • Exercise C10A: You are going to create a statement, by hand, using only the formulas on the chapter 10 chart (which we...

    Exercise C10A: You are going to create a statement, by hand, using only the formulas on the chapter 10 chart (which we have looked at in class). The statement will display the information for a simple interest account for four years. You may NOT use Excel. If done correctly, the statement layout will look similar to Table 1 on page 431. The table that you create will have the following five columns: Date, Deposits, Withdrawals, Interest, and Balance. Fill in...

  • use the following steps to develop a flow chart algorithm? Step Description Your Microsoft Excel Macro-Enabled...

    use the following steps to develop a flow chart algorithm? Step Description Your Microsoft Excel Macro-Enabled ExcelBank ATM Mark Step 1 Insert        ATM Card A ‘Welcome to ExcelBank ATM’ dialog box with a ‘Start’ button ½ Step 2 Select Language An Input Box / List Box / Check Box lists the 11 South African official languages (English is number 1) and requests the patron to enter his/her preferred language. The ATM will only proceed to the next step when...

  • USE RAPTOR PLEASE Could you please help me to create a FLOWGORRITHM for the following information?...

    USE RAPTOR PLEASE Could you please help me to create a FLOWGORRITHM for the following information?   I need only FLOWGORRITHM showing flowchart with PICTURES (STEPS). Please help me You are writing a FLOWGORRITHM program that will act like an ATM machine. In order to access the ATM, the customer must enter their user name and their passcode. The list of legitimate users along with their user ID, passcode and account balance is provided to you below. There are only 3...

  • 6. Checking account reconciliation Aa Aa E How Do You Balance Your Checkbook? Your roommate, Akira,...

    6. Checking account reconciliation Aa Aa E How Do You Balance Your Checkbook? Your roommate, Akira, is embarrassed. She has never before had a checking account, but she finally opened one last month. She's standing in the doorway of the kitchen with her check register in one hand and her recently arrived bank statement in the other. Admitting that she doesn't know what to do next, she's asked for your help in learning how to reconcile, or balance, her checkbook....

  • Your roommate, Akira, is embarrassed. She has never before had a checking account, but she finally...

    Your roommate, Akira, is embarrassed. She has never before had a checking account, but she finally opened one last month. She's standing in the doorway of the kitchen with her check register in one hand and her recently arrived bank statement in the other. Admitting that she doesn't know what to do next, she's asked for your help in learning how to reconcile, or balance, her checkbook. Being both a good friend and a student of personal finance, you've agreed...

  • I need help modifying this code please ASAP using C++ Here is what I missed on this code below Here are the instruction...

    I need help modifying this code please ASAP using C++ Here is what I missed on this code below Here are the instructions Here is the code Produce correct70 pts O pts Full Marks No Marks results and statisfy requirements view longer Comments 1. Your display amount is not readable 2. I withdraw more than my balance, but I didn't see any error message description Documentations10 pts 0 pts Full Marks No Marks : comment i code and block comment...

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