-
Notifications
You must be signed in to change notification settings - Fork 0
/
listeners.js
52 lines (51 loc) · 1.69 KB
/
listeners.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
function eventListeners() {
const budgetFeedback = document.querySelector(".budget-feedback"),
expenseFeedback = document.querySelector(".expense-feedback"),
budgetForm = document.getElementById("budget-form"),
budgetInput = document.getElementById("budget-input"),
budgetAmount = document.getElementById("budget-amount"),
expenseAmount = document.getElementById("expense-amount"),
balance = document.getElementById("balance"),
balanceAmount = document.getElementById("balance-amount"),
expenseForm = document.getElementById("expense-form"),
expenseInput = document.getElementById("expense-input"),
amountInput = document.getElementById("amount-input"),
expenseList = document.getElementById("expense-list");
// calculated values
let list = [];
let id = 0;
//new instance of UI class
const ui = new UI(
budgetFeedback,
expenseFeedback,
budgetInput,
budgetAmount,
expenseAmount,
balance,
balanceAmount,
expenseInput,
amountInput,
expenseList,
list,
id
);
//budget form submit form;
budgetForm.addEventListener("submit", function (event) {
event.preventDefault();
ui.submitBudgetForm();
});
expenseForm.addEventListener("submit", function (event) {
event.preventDefault();
ui.submitExpenseForm();
});
expenseList.addEventListener("click", function () {
if (event.target.parentElement.classList.contains("edit-icon")) {
ui.editExpense(event.target.parentElement);
} else if (event.target.parentElement.classList.contains("delete-icon")) {
ui.deleteExpense(event.target.parentElement);
}
});
}
document.addEventListener("DOMContentLoaded", function () {
eventListeners();
});