script.js

const titleInput = document.getElementById("title");
const amountInput = document.getElementById("amount");
const addBtn = document.getElementById("addBtn");
const expenseList = document.getElementById("expenseList");
const total = document.getElementById("total");

let expenses =
    JSON.parse(localStorage.getItem("expenses")) || [];

    let totalAmount = 0;
displayExpense();


addBtn.addEventListener("click", addExpense);
function addExpense() {
    const title = titleInput.value;
    const amount = Number(amountInput.value);

    const expense = {
        title: title,
        amount: amount,
    }
    expenses.push(expense);
    localStorage.setItem("expenses",
        JSON.stringify(expenses));

    displayExpense();
    titleInput.value = "";
    amountInput.value = "";
}
function displayExpense() {
    expenseList.innerHTML = "";
    totalAmount = 0;
    expenses.forEach(function (expense, index) {
        totalAmount += expense.amount;


        const li = document.createElement("li");
        li.innerHTML = `${expense.title} - ₹${expense.amount}`;
        const deleteBtn = document.createElement("button");
        deleteBtn.innerText = "Delete";

        deleteBtn.addEventListener("click", function () {
            expenses.splice(index, 1);

            localStorage.setItem("expenses",
                JSON.stringify(expenses));

            displayExpense();

        });
        li.appendChild(deleteBtn);
        expenseList.appendChild(li);

    })

    total.innerText = totalAmount;
}