Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

create a banking program with html and javascript Your supervisor has asked you to create a simple bank transaction web page so that customers can

create a banking program with html and javascript

Your supervisor has asked you to create a simple bank transaction web page so that customers can do online banking. You remember you learn about the forms and arrays. So you decided to use forms and arrays. See the array discussion in Helpful Hints. The HTML page will use HTML controls to facilitate user input. The web page has three main sections. They are Account Info, Transactions and View Transactions. The Account Info section get user name and account type (saving or checking). The Transactions section allows user to deposit, withdraw, transfer or view the transactions. The View Transactions section displays user transactions. See the sample outputs for more info. The required user inputs are: Account Info o Name: User inputs their name in a textbox. o Account Type: User select either Saving or Checking radio button. Default to Saving. Transactions: o Amount: User enters amount value in a textbox. o Transfer From and Transfer To: Drop down menu. The list contains the following. The user must select either Saving or Checking. No default value. Saving Checking o There are four buttons in this section Deposit. Clicking this button adds the value in Amount textbox to the selected Account Type. If user did not enter proper data, a popup error message appears. Withdraw: Clicking this button subtract the value in Amount textbox to the Account Type. If user did not enter proper data, a popup error message appears. Transfer: Clicking this button transfer the value in Amount textbox from the Transfer From account to the Transfer To account. The Transfer From account must be different from Transfer To account, ie, either from saving to checking or checking to saving. If the Transfer From account is same as the Transfer To account, a popup error message appears. View Transaction: Clicking this button displays the transactions in table form in the View Transactions section of the web page. The View Transactions section displays the transactions in table form. See the sample outputs. Action Items/Programming Requirements The solution must use and deliver both an HTML and at least one JS file. The JS file(s) must be referenced in the tag of the HTML document using the