All projects
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>