app2.js

// // class identifier
// function gt(params) {
//   if (document.querySelector(params)) {
//     return document.querySelector(params);
//   } else {
//     console.log(`'${params}' is not correct class/id`);
//   }
// }

// class BudgetTracker {
//   constructor() {
//     this.date = gt('#date');
//     this.budgetAmount = gt('#b-amount');
//     this.bSubmit = gt('.b-submit');
//     this.bTotal = gt('.b-total');
//     this.eTotal = gt('.e-total');
//     this.theBalance = gt('.the-balance');
//     this.eError = gt('.e-error');
//     this.bError = gt('.b-error');
//     this.eDesc = gt('#e-desc');
//     this.eAmount = gt('#e-amount');
//     this.eSubmit = gt('.e-submit');
//     this.data = gt('.js-data');
//     this.jsBtn = gt('.js-btn');
//     this.totalExp = 0;
//     this.finalBalance = 0;
//     this.record = [];
//   }
// }
// function eventlistners() {
//   let bSubmit = gt('b-submit');
//   let eSubmit = gt('e-submit');
//   let jsSubmit = gt('js-submit');

//   let bt = new BudgetTracker();
// }
// document.addEventListener('domContentLoaded', () => {
//   eventlistners();
// });