📖 How to Use This Calculator as a Sponsor
@@ -1802,6 +2071,117 @@ function copyPlan() {
});
setTimeout(generatePlan, 100);
+
+// ─── ROI Dashboard ──────────────────────────────────────
+function updateROI() {
+ const deposits = parseFloat(document.getElementById('roiDeposits').value) || 0;
+ const earned = parseFloat(document.getElementById('roiTotalEarned').value) || 0;
+ const phase = document.getElementById('roiPhase').value;
+ const cyclesDone = parseInt(document.getElementById('roiCyclesDone').value) || 0;
+
+ // Phase data: [cycles_this_phase, cycles_needed_for_next, profit_per_cycle, next_phase_label]
+ const PHASE_DATA = {
+ l4l3: { cycles: 5, profitPer: 133.20, nextLabel: 'L5+L3', needsCapital: 660 },
+ l5l3: { cycles: 3, profitPer: 222.00, nextLabel: 'L6+L3', needsCapital: 1320 },
+ l6l3: { cycles: 3, profitPer: 399.60, nextLabel: 'L7 Solo', needsCapital: 2640 },
+ l7solo: { cycles: 7, profitPer: 840.00, nextLabel: '3× L7 Endgame', needsCapital: 7200 },
+ l7x3: { cycles: 999, profitPer: 2520.00, nextLabel: null, needsCapital: 0 },
+ };
+
+ // ROI stats
+ const roiPct = deposits > 0 ? Math.min((earned / deposits) * 100, 100) : 0;
+ const recouped = Math.min(earned, deposits);
+ const remaining = Math.max(deposits - earned, 0);
+
+ document.getElementById('roiStatROI').querySelector('.roi-stat-value').textContent = roiPct.toFixed(1) + '%';
+ document.getElementById('roiStatRecouped').querySelector('.roi-stat-value').textContent = '$' + recouped.toFixed(2);
+ document.getElementById('roiStatRemaining').querySelector('.roi-stat-value').textContent = '$' + remaining.toFixed(2);
+ document.getElementById('roiBarROI').style.width = roiPct + '%';
+
+ // Phase progress
+ const pd = PHASE_DATA[phase];
+ let phasePct = 0;
+ let phaseLabel = '';
+ if (phase === 'l7x3') {
+ phasePct = 100;
+ phaseLabel = '🏆 Endgame Reached';
+ } else {
+ phasePct = Math.min((cyclesDone / pd.cycles) * 100, 100);
+ phaseLabel = `Cycle ${cyclesDone} of ${pd.cycles}`;
+ }
+ document.getElementById('roiStatPhase').querySelector('.roi-stat-value').textContent = phaseLabel;
+ document.getElementById('roiBarPhase').style.width = phasePct + '%';
+
+ // Ladder visualization
+ const ladderOrder = ['l1','l2','l3','l4','l4l3','l5l3','l6l3','l7solo','l7x3'];
+ const phaseIndex = ladderOrder.indexOf(phase);
+ document.querySelectorAll('.roi-ladder-step').forEach(el => {
+ el.classList.remove('active', 'passed');
+ const idx = ladderOrder.indexOf(el.dataset.phase);
+ if (idx < phaseIndex) el.classList.add('passed');
+ else if (idx === phaseIndex) el.classList.add('active');
+ });
+
+ // Milestones
+ const milestones = [];
+ if (earned >= 112.50) milestones.push({ icon: '✅', label: '25% ROI Recouped', sub: 'Quarter of your capital back' });
+ if (earned >= 225) milestones.push({ icon: '✅', label: '50% ROI Recouped', sub: 'Half your capital is back' });
+ if (earned >= 337.50) milestones.push({ icon: '✅', label: '75% ROI Recouped', sub: 'Three quarters there' });
+ if (earned >= deposits) milestones.push({ icon: '💰', label: '100% ROI — Breakeven!', sub: 'Everything from here is pure profit' });
+
+ if (phase === 'l5l3' || phaseIndex > ladderOrder.indexOf('l5l3'))
+ milestones.push({ icon: '🏅', label: 'L5 Active', sub: 'You reached the serious scaling tier' });
+ if (phase === 'l6l3' || phaseIndex > ladderOrder.indexOf('l6l3'))
+ milestones.push({ icon: '🏅', label: 'L6 Active', sub: 'Double-digit clicks/day territory' });
+ if (phase === 'l7solo' || phaseIndex > ladderOrder.indexOf('l7solo'))
+ milestones.push({ icon: '🌟', label: 'L7 — The Big One', sub: '$840/cycle profit, $270/day clicks' });
+
+ if (phase === 'l7x3')
+ milestones.push({ icon: '🏆', label: '3× L7 Endgame', sub: '$2,520/cycle profit — the machine is running' });
+
+ // Add next phase preview
+ if (pd.nextLabel && cyclesDone >= pd.cycles) {
+ milestones.push({
+ icon: '🚀',
+ label: `Ready for ${pd.nextLabel}`,
+ sub: `You need ~$${pd.needsCapital.toLocaleString()} in available funds to start`
+ });
+ }
+
+ // Show unearned milestones as dimmed
+ const allMilestones = [
+ { icon: '🔘', label: '25% ROI Recouped', sub: '$112.50', earned: earned >= 112.50 },
+ { icon: '🔘', label: '50% ROI Recouped', sub: '$225.00', earned: earned >= 225 },
+ { icon: '🔘', label: '75% ROI Recouped', sub: '$337.50', earned: earned >= 337.50 },
+ { icon: '💰', label: '100% ROI — Breakeven', sub: `$${deposits.toFixed(2)}`, earned: earned >= deposits },
+ ];
+
+ if (phase === 'l7x3') {
+ allMilestones.push({ icon: '🏆', label: '3× L7 Endgame Reached', sub: '$2,520/cycle passive', earned: true });
+ } else if (pd.nextLabel) {
+ allMilestones.push({ icon: '🚀', label: `Ready for ${pd.nextLabel}`, sub: `Need ~$${pd.needsCapital.toLocaleString()}`, earned: cyclesDone >= pd.cycles });
+ }
+
+ document.getElementById('roiMilestones').innerHTML = allMilestones.map(m => `
+
+
${m.icon}
+
+
${m.label}
+
${m.sub}
+
+
+ `).join('');
+}
+
+// Wire up ROI inputs
+['roiDeposits','roiTotalEarned','roiPhase','roiCyclesDone'].forEach(id => {
+ const el = document.getElementById(id);
+ el.addEventListener('input', updateROI);
+ el.addEventListener('change', updateROI);
+});
+
+// Initial render on page load (delayed to ensure DOM is ready)
+setTimeout(updateROI, 150);