Personal Budget Overhaul & Optimization Tool
💰 Income Sources
Total Normalized Monthly Income: $0.00
💸 Current Monthly Expenses
Total Current Monthly Expenses: $0.00
Current Surplus / (Deficit): $0.00
📊 Budget Analysis & Optimization Goals
Spending by Category (Current Budget):
- No expenses entered to analyze.
Needs vs. Wants (Current Budget):
Total Spent on Needs: $0.00
Total Spent on Wants: $0.00
🎯 Set Your Financial Goals
Recommended based on 50/30/20 rule (50% Needs, 30% Wants, 20% Savings/Debt).
Target Monthly Savings Amount: $0.00
Review your spending, especially on "Wants" and high-cost categories. In the next tab, you'll adjust your budget to meet these goals.
🛠️ Create Your Optimized Budget
Adjust your current expense amounts below to create your new optimized budget. Try to reduce "Wants" or find savings in "Needs" to meet your goals.
Go to 'My Finances' to add expenses first, then they will appear here for optimization.
Total Normalized Monthly Income: ${document.getElementById('totalMonthlyIncomeDisplay').textContent}
`; html += `Income Sources:
- `;
incomeSources.forEach(src => {
html += `
- ${src.name}: ${formatCurrency(src.amount)} (${src.frequency}) `; }); html += `
💸 Current Expenses Summary
`; html += `Total Current Monthly Expenses: ${document.getElementById('totalCurrentExpensesDisplay').textContent}
`; html += `Current Surplus / (Deficit): ${document.getElementById('currentSurplusDeficitDisplay').textContent}
`; html += `Details:
- `;
currentExpenses.forEach(exp => {
html += `
- ${exp.description} (${exp.category} - ${exp.tag}): ${formatCurrency(exp.amount)} `; }); html += `
📊 Budget Analysis (Current)
${analysisSection.innerHTML.replace(//g, '')}`; } html += `Target Monthly Savings Rate: ${document.getElementById('targetSavingsRate') ? document.getElementById('targetSavingsRate').value : 'N/A'}%
`; html += `Target Monthly Savings Amount: ${document.getElementById('targetSavingsAmountDisplay') ? document.getElementById('targetSavingsAmountDisplay').textContent : '$0.00'}
`; // Optimized Budget & Comparison const optimizedSummarySection = document.getElementById('optimizedSummarySection'); const comparisonTableContainer = document.getElementById('comparisonTableContainer'); if (optimizedSummarySection && optimizedSummarySection.style.display !== 'none') { html += `