const tasks = [ { title: "Zapisywanie słowne (Zad. 4a)", question: "Zapisz cyframi:
'Jeden i sześć setnych'", options: ["1,6", "1,06", "0,16", "1,006"], correct: 1, hint: "Setne oznaczają dwa miejsca po przecinku (bo 100 ma dwa zera)." }, { title: "Zwykły na dziesiętny (Zad. 5a)", question: "Ile to jest:

5100

?", options: ["1,5", "1,05", "1,005"], correct: 1, hint: "Masz jedną całą i dwa miejsca dla części setnych." }, { title: "Dziesiąte części (Zad. 4c)", question: "Zapisz ułamek:
'Jeden i pięć dziesiątych'", options: ["1,05", "0,15", "1,5"], correct: 2, hint: "Dziesiąte to tylko jedno miejsce po przecinku." }, { title: "Tysięczne Amora (Zad. 5c)", question: "Zamień na dziesiętny:

381000

", options: ["0,38", "0,038", "0,380"], correct: 1, hint: "Liczba 1000 ma trzy zera, więc muszą być trzy miejsca po przecinku (0, _ _ _)." }, { title: "Dziesiętny na zwykły (Zad. 2a)", question: "Zapisz 0,7 jako ułamek zwykły:", options: [ "

7100

", "

710

", "

" ], correct: 1, hint: "Jedno miejsce po przecinku to mianownik 10." }, { title: "Ułamki niewłaściwe (Zad. 5c-B)", question: "Ile to jest:

623100

?", options: ["0,623", "6,23", "62,3"], correct: 1, hint: "Dwa zera w 100 oznaczają, że przecinek przesuwa się o dwa miejsca w lewo." }, { title: "Metoda JUMP: Rozszerzanie (Zad. 7)", question: "Zamień

na ułamek dziesiętny.
Rozszerz dół do 10 (pomnóż przez 2)!", options: ["0,2", "0,4", "0,5"], correct: 1, hint: "Góra to 2 * 2 = 4, dół to 5 * 2 = 10. Wynik to cztery dziesiąte." }, { title: "Wyzwanie: Szesnaście tysięcznych (Zad. 4b)", question: "Zapisz cyframi:
'Szesnaście tysięcznych'", options: ["0,16", "16,000", "0,016"], correct: 2, hint: "Tysięczne = 3 miejsca. Szesnaście musi być na końcu (0,016)." }, { title: "Skracanie Ułamków (Zad. 2c)", question: "Liczba 0,25 po skróceniu to:", options: [ "

", "

125

" ], correct: 1, hint: "0,25 to 25/100. Obie liczby dzielą się przez 25!" }, { title: "Sześć dziesiątych (Zad. 4c)", question: "Zapisz dziesiętnie:
'Sześć dziesiątych'", options: ["6,0", "0,6", "0,06"], correct: 1, hint: "Jedno miejsce po przecinku (0, _)." }, { title: "Tajemnica 1/8 (Zad. 1a)", question: "Zamień na dziesiętny:

(Podpowiedź: 8 * 125 = 1000)", options: ["0,8", "0,125", "0,25"], correct: 1, hint: "Rozszerzamy do tysięcznych: 1 * 125 = 125." }, { title: "Liczba mieszana (Zad. 6)", question: "Zamień 3,3 na ułamek zwykły:", options: [ "

3100

", "

310

", "

33100

" ], correct: 1, hint: "Masz trzy całe i jedno miejsce po przecinku (dziesiąte)." } ]; let currentIdx = 0; let score = 0; let answered = false; const taskContent = document.getElementById('task-content'); const navArea = document.getElementById('nav-area'); const progressBar = document.getElementById('progress-bar'); const progressText = document.getElementById('progress-text'); const scoreDisplay = document.getElementById('score-display'); function renderTask() { const task = tasks[currentIdx]; answered = false; navArea.classList.add('opacity-0'); taskContent.classList.remove('fade-in'); void taskContent.offsetWidth; taskContent.classList.add('fade-in'); progressText.innerText = `Zadanie ${currentIdx + 1} z ${tasks.length}`; progressBar.style.width = `${((currentIdx + 1) / tasks.length) * 100}%`; taskContent.innerHTML = `

${task.title}

${task.question}

${task.options.map((opt, i) => ` `).join('')}

💡

Rada Amora: ${task.hint}

`; } function checkAnswer(selectedIdx, btnElement) { if (answered) return; const task = tasks[currentIdx]; const allButtons = document.querySelectorAll('.choice-card'); answered = true; if (selectedIdx === task.correct) { score += 10; scoreDisplay.innerText = `💝 ${score}`; btnElement.classList.add('correct-ans'); spawnConfetti(); } else { btnElement.classList.add('wrong-ans'); allButtons[task.correct].classList.add('correct-ans'); } allButtons.forEach(btn => btn.disabled = true); navArea.classList.remove('opacity-0'); } function nextTask() { if (currentIdx < tasks.length - 1) { currentIdx++; renderTask(); } else { showFinalResult(); } } function spawnConfetti() { for(let i=0; i<40; i++) { const c = document.createElement('div'); c.className = 'confetti'; c.innerHTML = ['❤️', '💖', '🧁', '✨', '🍭', '🍓'][Math.floor(Math.random()*6)]; c.style.left = Math.random() * 100 + 'vw'; c.style.top = '100vh'; c.style.fontSize = (Math.random() * 20 + 20) + 'px'; document.body.appendChild(c); c.animate([ { transform: 'translateY(0) rotate(0)', opacity: 1 }, { transform: `translateY(-120vh) rotate(${Math.random() * 360}deg)`, opacity: 0 } ], { duration: Math.random() * 2000 + 1500, easing: 'ease-out' }).onfinish = () => c.remove(); } } function showFinalResult() { navArea.classList.add('hidden'); taskContent.innerHTML = `

🥇

Mistrz Kreski Ułamkowej!

Twoje zamówienia zostały zrealizowane bezbłędnie. Ułamki dziesiętne i zwykłe nie mają przed Tobą tajemnic!

Twój Słodki Bonus: ${score} / ${tasks.length * 10}

`; setInterval(spawnConfetti, 1500); } window.onload = renderTask;