expense--calculator

Addition Feature:

Access input data when clicking the Add button

Warn the user if inputs are empty

If it is not empty, print a spending card on the screen.

If paid is ticked, add paid class to the element

Finally clear all inputs

Total Information:

Create a total field in html and a total variable in js

Add the price of your expenditure to the total variable each time it is added to the volume.

Subtract price from total when expense is deleted

Update the screen every time the variable is updated

Delete | Update Feature

Track all click events in the list

If the clicked id is delete, remove the element and subtract it from the total.

If the clicked id is update, add or remove it from the pai class

Filtering Expenses

Create select area in html

Get selected information when value changes in Select

Filter based on selected value