function expenseChangeHandler(e) const idx = parseInt(e.target.getAttribute('data-idx')); if (!isNaN(idx)) 0; expensesData[idx].amount = newAmt; updateCards(); const row = e.target.closest('tr'); if (row) // no extra cell needed
// Recompute stock closing & stock value function recomputeStock() for (let i = 0; i < stockData.length; i++) let s = stockData[i]; s.closing = s.opening + s.received - s.sold;
function getTotalExpenses() return expensesData.reduce((sum, exp) => sum + exp.amount, 0);
<script> // ---------- DATA MODEL (Mimicking excel rows) ---------- // We'll maintain two sections: Sales Register, Expenses Register, Stock Register // For simplicity, we use separate tables but inside one downloadable sheet. // Actually to give an integrated feel, we create 3 mini tables inside main container. petrol pump accounting in excel sheet download
function getNetProfit() return getTotalSales() - getTotalExpenses();
// Update UI cards function updateCards() document.getElementById("totalSalesVal").innerText = getTotalSales().toFixed(2); document.getElementById("totalExpVal").innerText = getTotalExpenses().toFixed(2); document.getElementById("netProfitVal").innerText = getNetProfit().toFixed(2); document.getElementById("closingStockVal").innerText = getTotalClosingStockValue().toFixed(2);
<div class="excel-table" id="excelTableContainer"> <!-- dynamic table will be injected --> </div> <div class="footer"> * Double-click any cell to edit. Sales & expenses auto update profit. Stock closing = Opening + Received - Sold. </div> </div> function expenseChangeHandler(e) const idx = parseInt(e
function attachDeleteButtons() document.querySelectorAll('.delRowBtn').forEach(btn => btn.removeEventListener('click', deleteHandler); btn.addEventListener('click', deleteHandler); );
// 1. Sales Register Table html += `<h3 style="margin:15px 0 5px 0; color:#1e4a2f;">📊 Sales Register</h3>`; html += `<table id="salesTable" class="editable-table">`; html += `<thead><tr><th>Product</th><th>Liters Sold</th><th>Rate (₹/Liter)</th><th>Amount (₹)</th><th></th></tr></thead><tbody>`; for (let i = 0; i < salesData.length; i++) let row = salesData[i]; html += `<tr data-type="sales" data-index="$i"> <td style="background:#faf3e0;">$row.product</td> <td><input type="number" step="0.01" class="sales-lit" value="$row.liters" data-idx="$i"></td> <td><input type="number" step="0.01" class="sales-rate" value="$row.rate" data-idx="$i"></td> <td class="sales-amount">$row.amount.toFixed(2)</td> <td><button class="delRowBtn" data-type="sales" data-idx="$i" style="background:#b33; padding:4px 8px;">🗑️</button></td> </tr>`; html += `<tr><td colspan="4"><button id="addSalesRowBtn" style="background:#3c8c40;">+ Add Sale Item</button></td><td></td></tr>`; html += `</tbody></table>`;
function deleteHandler(e) const btn = e.currentTarget; const type = btn.getAttribute('data-type'); const idx = parseInt(btn.getAttribute('data-idx')); if (type === 'sales') salesData.splice(idx, 1); else if (type === 'expense') expensesData.splice(idx, 1); else if (type === 'stock') stockData.splice(idx, 1); renderTables(); Sales & expenses auto update profit
function resetDemo() salesData = [ product: "Petrol (MS)", liters: 1250, rate: 102.50, amount: 128125 , product: "Diesel (HSD)", liters: 980, rate: 94.80, amount: 92904 , product: "Premium Petrol", liters: 320, rate: 115.00, amount: 36800 , product: "Engine Oil (Lube)", liters: 45, rate: 850, amount: 38250 ]; expensesData = [ date: "01-Apr-2026", category: "Electricity", amount: 5500 , date: "05-Apr-2026", category: "Staff Salary", amount: 28500 , date: "10-Apr-2026", category: "Maintenance", amount: 3200 , date: "15-Apr-2026", category: "Misc", amount: 1750 ]; stockData = [ product: "Petrol (MS)", opening: 5200, received: 8000, sold: 1250, closing: 11950, unitPrice: 102.50 , product: "Diesel (HSD)", opening: 4300, received: 7000, sold: 980, closing: 10320, unitPrice: 94.80 , product: "Premium Petrol", opening: 1100, received: 2000, sold: 320, closing: 2780, unitPrice: 115.00 , product: "Engine Oil (Lube)", opening: 180, received: 120, sold: 45, closing: 255, unitPrice: 850.00 ]; recomputeSales(); recomputeStock(); renderTables();
let expensesData = [ date: "01-Apr-2026", category: "Electricity", amount: 5500 , date: "05-Apr-2026", category: "Staff Salary", amount: 28500 , date: "10-Apr-2026", category: "Maintenance", amount: 3200 , date: "15-Apr-2026", category: "Misc", amount: 1750 ];