${task.title}

"${task.desc}"

${stepsHtml}

Ostateczna odpowiedź

${task.answer}

`; container.appendChild(card); }); // Renderowanie matematyki po załadowaniu wszystkiego setTimeout(() => { if (window.renderMathInElement) { renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false} ] }); } }, 500); } const state = {}; window.revealStep = function(idx) { if (!state[idx]) state[idx] = 0; const current = state[idx]; const task = tasks[idx]; const btn = document.getElementById(`btn-reveal-${idx}`); if (current < task.steps.length) { document.getElementById(`task-${idx}-step-${current}`).classList.add('visible'); state[idx]++; btn.querySelector('span').innerText = "Następny krok"; } else if (current === task.steps.length) { document.getElementById(`final-${idx}`).classList.add('visible'); state[idx]++; btn.disabled = true; btn.classList.add('opacity-50', 'cursor-not-allowed'); btn.querySelector('span').innerText = "Koniec zadania"; } }; window.reset = function(idx) { state[idx] = 0; const btn = document.getElementById(`btn-reveal-${idx}`); btn.disabled = false; btn.classList.remove('opacity-50', 'cursor-not-allowed'); btn.querySelector('span').innerText = "Pokaż rozwiązanie"; const steps = document.querySelectorAll(`[id^="task-${idx}-step-"]`); steps.forEach(s => s.classList.remove('visible')); document.getElementById(`final-${idx}`).classList.remove('visible'); }; window.onload = init;