${rowsToHTML("הכנסות — " + momL, state.momIncome)} ${rowsToHTML("הוצאות — בית " + momL + " והילדים", state.momExpenses)} ${rowsToHTML("הכנסות — " + dadL, state.dadIncome)} ${rowsToHTML("הוצאות — בית " + dadL + " והילדים", state.dadExpenses)} ${rowsToHTML("הוצאות ילדים משותפות", state.kidsExpenses)} ${rowsToHTML("הוצאות משותפות נוספות", state.sharedExpenses)} `; const iframe = document.createElement("iframe"); iframe.style.position = "fixed"; iframe.style.right = "0"; iframe.style.bottom = "0"; iframe.style.width = "0"; iframe.style.height = "0"; iframe.style.border = "0"; iframe.setAttribute("aria-hidden","true"); document.body.appendChild(iframe); const doc = iframe.contentWindow.document; doc.open(); doc.write(html); doc.close(); iframe.onload = () => { try{ iframe.contentWindow.focus(); iframe.contentWindow.print(); } finally { setTimeout(()=> iframe.remove(), 1200); } }; } // ===== Render inputs + tables ===== function rerenderInputs(){ q("[data-kidsShare]").value = clamp(num0(state.kidsShareMomPct),0,100); q("[data-kidsNote]").value = state.kidsNote || ""; q("[data-sharedShare]").value = clamp(num0(state.sharedShareMomPct),0,100); q("[data-sharedExplain]").value = state.sharedExplain || ""; const shAmt = toNum(state.supportHousing.amount); q("[data-supportAmount]").value = shAmt === null ? "" : String(shAmt); q("[data-supportDir]").value = state.supportHousing.direction || "dad_to_mom"; q("[data-labelMom]").value = state.labels.mom || "אמא"; q("[data-labelDad]").value = state.labels.dad || "אבא"; } function rerenderTables(){ renderTable(q('[data-table="momIncome"]'), state.momIncome, {name:"מקור הכנסה", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.momIncome.splice(i,1); onAnyChange(); rerenderTables(); } ); renderTable(q('[data-table="dadIncome"]'), state.dadIncome, {name:"מקור הכנסה", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.dadIncome.splice(i,1); onAnyChange(); rerenderTables(); } ); renderTable(q('[data-table="momExpenses"]'), state.momExpenses, {name:"הוצאה", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.momExpenses.splice(i,1); onAnyChange(); rerenderTables(); } ); renderTable(q('[data-table="dadExpenses"]'), state.dadExpenses, {name:"הוצאה", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.dadExpenses.splice(i,1); onAnyChange(); rerenderTables(); } ); renderTable(q('[data-table="kidsExpenses"]'), state.kidsExpenses, {name:"הוצאת ילדים", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.kidsExpenses.splice(i,1); onAnyChange(); rerenderTables(); } ); renderTable(q('[data-table="sharedExpenses"]'), state.sharedExpenses, {name:"הוצאה משותפת", amount:"סכום חודשי"}, onAnyChange, (i)=>{ state.sharedExpenses.splice(i,1); onAnyChange(); rerenderTables(); } ); } function updateAll(){ const res = calc(); applySummary(res); saveState(); } function onAnyChange(){ state.labels.mom = (q("[data-labelMom]").value || "אמא").trim(); state.labels.dad = (q("[data-labelDad]").value || "אבא").trim(); state.kidsShareMomPct = clamp(num0(q("[data-kidsShare]").value), 0, 100); q("[data-kidsShare]").value = state.kidsShareMomPct; state.kidsNote = q("[data-kidsNote]").value || ""; state.sharedShareMomPct = clamp(num0(q("[data-sharedShare]").value), 0, 100); q("[data-sharedShare]").value = state.sharedShareMomPct; state.sharedExplain = q("[data-sharedExplain]").value || ""; state.supportHousing.amount = toNum(q("[data-supportAmount]").value); state.supportHousing.direction = q("[data-supportDir]").value; updateAll(); } function rerenderAll(){ rerenderInputs(); rerenderTables(); refreshSnapshotSelect(); updateLastSaved(); applySummary(calc()); } // ===== Wire events ===== // tabs qa(".tab").forEach(t=>{ t.addEventListener("click", ()=> setTab(t.getAttribute("data-tab"))); }); // add row buttons qa("[data-add]").forEach(btn=>{ btn.addEventListener("click", ()=> addRow(btn.getAttribute("data-add"))); }); // inputs [ "[data-kidsShare]","[data-kidsNote]", "[data-sharedShare]","[data-sharedExplain]", "[data-supportAmount]","[data-supportDir]", "[data-labelMom]","[data-labelDad]" ].forEach(sel=>{ const el = q(sel); el.addEventListener("input", onAnyChange); el.addEventListener("change", onAnyChange); }); // ratio buttons q("[data-kidsByIncome]").addEventListener("click", ()=> setShareFromIncome("kids")); q("[data-sharedByIncome]").addEventListener("click", ()=> setShareFromIncome("shared")); // toolbar q("[data-saveSnap]").addEventListener("click", saveSnapshot); q("[data-loadSnap]").addEventListener("click", loadSnapshot); q("[data-delSnap]").addEventListener("click", deleteSnapshot); q("[data-export]").addEventListener("click", exportJSON); q("[data-import]").addEventListener("click", importJSON); q("[data-copyLink]").addEventListener("click", copyShareLink); q("[data-print]").addEventListener("click", printSimulation); q("[data-reset]").addEventListener("click", ()=>{ if(!confirm("לאפס את כל הנתונים?")) return; state = safeClone(defaults); saveState(); // גם ננקה hash של שיתוף כדי שלא “ינעל” את הסימולציה try{ const url = new URL(window.location.href); if(url.hash.startsWith("#fbc=")){ url.hash = ""; history.replaceState(null, "", url.toString()); } }catch(e){} rerenderAll(); }); // if user resizes, redraw chart let resizeTimer = null; window.addEventListener("resize", ()=>{ clearTimeout(resizeTimer); resizeTimer = setTimeout(()=> drawChart(calc()), 120); }); // ===== Init ===== rerenderAll(); // IMPORTANT: if state came from URL, keep it in LS too saveState(); })();