CEN4010 Term Project

Bank of DSC ATM System

by scotp71

HTML

<h1>Bank of DSC</h1>
  <h2>
    ATM
  </h2>
    <label for='enterCardNumber'>Enter Bank Card: </label><br>
    <input type='text' name='inputCardNum' id='inputCardNum' placeholder='10 digit card number' /><br>
    <label for='enterPINNumber'>Enter PIN: </label><br>
    <input type='text' name='inputPINNum' id='inputPINNum' placeholder='4 digit PIN' /><br>
    <button id='btEnter' onclick='start()'>Enter</button>
   
    <div class='results' id='results'></div><br><br>
    <div id='displayAccounts'></div>
    <div id='displayButtons'></div>

JavaScript

/*
Title: Bank of DSC ATM System
Author: Scot Pfeffer
Description:  CEN4010 Term Project
*/


//Sample customer data for system testing; Would be pulled from database in actual program
var customer1 = {
	bankCardNum: 1231231234,
  pinNum: 3333,
  name: "John Smih",
  acc1: "Checking",
  acc1Bal: 313,
  acc2: "Savings",
  acc2Bal: 25,
  acc3: null,
  acc3Bal: 0,
  acc3Cred: 0,
  acc4: null,
  acc4Bal: 0
  };
var customer2 = {
	bankCardNum: 8778779494,
  pinNum: 5555,
  name: "Sam Jones",
  acc1: null,
  acc1Bal: 0,
  acc2: null,
  acc2Bal: 0,
  acc3: "Credit Card",
  acc3Bal: 800,
  acc3Cred: 1400,
  acc4: null,
  acc4Bal: 0
  };
var customer3 = {
	bankCardNum: 5775661212,
  pinNum: 8888,
  name: "Jennifer Williams",
  acc1: "Checking",
  acc1Bal: 4500,
  acc2: null,
  acc2Bal: 0,
  acc3: null,
  acc3Bal: 0,
  acc3Cred: 0,
  acc4: "Loan",
  acc4Bal: 22400
  };  
  //Global Variables declared
var cardNum = 0;
var PINNum = 0;
var customers = [customer1, customer2, customer3];
var custValidated = false;
var checkCust = null;
var cust = null;


//Start fuction that initiates account validation and selction
function start(event){
debugger;
	//retrieve data from user inputs
	cardNum =  document.getElementById('inputCardNum').value;
  PINNum =  document.getElementById('inputPINNum').value;
  //validate entered data
  if (validateCardandPIN(cardNum, PINNum)==true){
  	var alert2 = "Welcome " + cust.name + ". Here are your accounts: ";
    results.innerHTML = "<p>" + alert2 + "</p>";
    var alert3 = "";
    var alert4 = "";
    //determine which accounts the user holds
    if (cust.acc1!=null){
    	alert3 += "Account type: " + cust.acc1 + "</br>Balance: $" + cust.acc1Bal + "</br></br>";
      alert4 = addButton(cust.acc1);
    }
    if (cust.acc2!=null){
    	alert3 += "Account type: " + cust.acc2 + "</br>Balance: $" + cust.acc2Bal + "</br></br>";
      alert4 += addButton(cust.acc2);
    }
    if (cust.acc3!=null){
    	alert3 += "Account type: " + cust.acc3 +...