Intermediate project
Expense Tracker
What you'll learn
- • Reduce
- • Forms
- • Filtering arrays
- • Money formatting
Features
- ✓ Add income / expense
- ✓ Running balance
- ✓ List with delete
Live demo
Source code
html
<h2>Balance: <span id="bal">₹0</span></h2>
<form id="f">
<input id="desc" placeholder="Description" required />
<input id="amt" type="number" placeholder="Amount (use - for expense)" required />
<button>Add</button>
</form>
<ul id="list"></ul>