Total Expenses: $${formatCurrency(totalExpenses)}

`; pdfHtml += `

Net Savings: $${formatCurrency(netSavings)}

`; // Optionally list income/expense items if(appData.incomeSources.length > 0){ pdfHtml += `

Income Sources:

`; appData.incomeSources.forEach(inc => { pdfHtml += `
• ${inc.name}: $${formatCurrency(inc.amount)}
`; }); pdfHtml += `

`; } if(appData.expenses.length > 0){ pdfHtml += `

Expense Items:

`; appData.expenses.forEach(exp => { pdfHtml += `
• ${exp.name}: $${formatCurrency(exp.amount)}
`; }); pdfHtml += `

`; } pdfHtml += ''; const pdfWindow = window.open('', '_blank'); if (pdfWindow) { pdfWindow.document.write(pdfHtml); pdfWindow.document.close(); // Important for some browsers setTimeout(() => { // Allow content to render before print dialog pdfWindow.print(); }, 500); } else { alert('Could not open PDF window. Please disable your pop-up blocker for this site.'); } } // --- Event Listeners --- if (addMilestoneBtn) addMilestoneBtn.addEventListener('click', handleAddMilestone); if (addIncomeBtn) addIncomeBtn.addEventListener('click', () => createBudgetItem('Income', incomeSourceNameInput, incomeSourceAmountInput, incomeListContainer)); if (addExpenseBtn) addExpenseBtn.addEventListener('click', () => createBudgetItem('Expense', expenseItemNameInput, expenseItemAmountInput, expenseListContainer)); if (addContributionBtn) addContributionBtn.addEventListener('click', handleAddContribution); if (downloadPdfBtn) downloadPdfBtn.addEventListener('click', downloadPDF); if (milestoneSelectForContribution) milestoneSelectForContribution.addEventListener('change', renderContributionsLogForSelectedMilestone); if (userNameInput) userNameInput.addEventListener('change', (e) => { appData.userName = e.target.value; }); // --- Initialization --- function initializeApp() { updateTabDisplay(); if (contributionDateInput) contributionDateInput.value = new Date().toISOString().split('T')[0]; // Default contribution date // Initial renders renderMilestonesList(); renderBudgetItems('income'); renderBudgetItems('expense'); calculateAndRenderBudgetSummary(); renderMilestoneOptionsForContribution(); renderContributionsLogForSelectedMilestone(); // Will show "select milestone" or first one's log renderAllSummaries(); // For summary tab } initializeApp(); }); // End DOMContentLoaded