script.js

function calculateExpenses() {
    var salary = parseFloat(document.getElementById("salary").value);
    var electricity = parseFloat(document.getElementById("electricity").value);
    var rent = parseFloat(document.getElementById("rent").value);
    var food = parseFloat(document.getElementById("food").value);
    var transport = parseFloat(document.getElementById("transport").value);
    var other = parseFloat(document.getElementById("other").value);

    if (isNaN(salary)) {
        alert("Please enter a valid salary.");
        return;
    }

    if (isNaN(electricity)) {
        electricity = 0; 
    }
    if (isNaN(rent)) {
        rent = 0; 
    }
    if (isNaN(food)) {
        food = 0; 
    }
    if (isNaN(transport)) {
        transport = 0; 
    }
    if (isNaN(other)) {
        other = 0;
    }

    var totalExpenses = electricity + rent + food + transport + other;
    var remainingSalary = salary - totalExpenses;

    document.getElementById("electricity-expense").textContent = "Expense of electricity is " + electricity;
    document.getElementById("rent-expense").textContent = "Expense of rent is " + rent;
    document.getElementById("food-expense").textContent = "Expense of food is " + food;
    document.getElementById("transport-expense").textContent = "Expense of transport is " + transport;
    document.getElementById("other-expense").textContent = "Expense of other is " + other;
    document.getElementById("remaining-salary").textContent = "Total Expenses subtracted from the salary is remaining as " + remainingSalary;
}