Francuski U 100 Lekcija Pdf ❲2026 Edition❳

// ------------------------------------------------------------ // 4. RENDER LISTE LEKCIJA (sa pretragom) // ------------------------------------------------------------ let currentSearchTerm = ""; function renderLessonsList(filter = "") const container = document.getElementById("lessonsList"); container.innerHTML = ""; const lowerFilter = filter.toLowerCase(); for (let i = 0; i < lessonTitles.length; i++) const title = lessonTitles[i]; if (lowerFilter && !title.toLowerCase().includes(lowerFilter) && !`lekcija $i+1`.includes(lowerFilter)) continue; const isCompleted = completed[i]; const div = document.createElement("div"); div.className = "lesson-item"; // checkbox const chk = document.createElement("input"); chk.type = "checkbox"; chk.className = "lesson-check"; chk.checked = isCompleted; chk.addEventListener("change", (function(idx) return function(e) completed[idx] = e.target.checked; saveProgress(); renderLessonsList(currentSearchTerm); if(completed[idx]) // opcionalno: mali zvučni efekat nije potreban ; )(i)); // broj const numSpan = document.createElement("span"); numSpan.className = "lesson-number"; numSpan.innerText = i+1; // title const titleSpan = document.createElement("span"); titleSpan.className = "lesson-title" + (isCompleted ? " completed" : ""); titleSpan.innerText = title; titleSpan.style.cursor = "pointer"; titleSpan.addEventListener("click", (function(idx) return function() selectLesson(idx); ; )(i)); // audio button const audioBtn = document.createElement("button"); audioBtn.innerHTML = "🔊"; audioBtn.className = "audio-btn"; audioBtn.title = "Izgovori naslov lekcije (francuski)"; audioBtn.addEventListener("click", (function(frenchText) return function() speakFrench(frenchText); ; )(title.replace(/Lekcija \d+: /, ''))); // izgovara samo temu div.appendChild(chk); div.appendChild(numSpan); div.appendChild(titleSpan); div.appendChild(audioBtn); container.appendChild(div); if(container.children.length === 0) container.innerHTML = "<div style='padding: 2rem; text-align:center'>🔍 Nema lekcija koje odgovaraju pretrazi</div>";

function updateStats() const done = completed.filter(v => v === true).length; document.getElementById("statsDisplay").innerText = `$done / 100 završeno`; francuski u 100 lekcija pdf

// ------------------------------------------------------------ // 5. INICIJALIZACIJA // ------------------------------------------------------------ function init() loadProgress(); renderLessonsList(""); updateStats(); // Event listeners document.getElementById("searchInput").addEventListener("input", (e) => currentSearchTerm = e.target.value; renderLessonsList(currentSearchTerm); ); document.getElementById("resetProgressBtn").addEventListener("click", resetProgress); document.getElementById("savePhraseBtn").addEventListener("click", saveCurrentPhrase); document.getElementById("speakPhraseBtn").addEventListener("click", speakSavedPhrase); document.getElementById("fakePdfHint").addEventListener("click", (e) => e.preventDefault(); alert("Ovaj alat je dodatak za PDF 'Francuski u 100 lekcija'. Preporučujemo da otvorite PDF u drugom tabu ili prozoru pored ovog panela."); ); // default select first lesson optionally if(lessonTitles.length > 0) selectLesson(0); Sačuvane fraze se čuvaju u vašem browseru

<div class="phrase-panel"> <div class="phrase-header">📌 FRAZE ZA LEKCIJU</div> <div id="selectedLessonDisplay" class="selected-info"> <strong>Lekcija:</strong> <span id="currentLessonLabel">nijedna</span> </div> <div class="phrase-input-area"> <label><strong>🇫🇷 Francuska fraza / rečenica:</strong></label> <textarea id="phraseText" rows="3" placeholder="Unesite frazu iz ove lekcije..."></textarea> <button id="savePhraseBtn" class="save-phrase-btn">💾 Sačuvaj frazu za ovu lekciju</button> <button id="speakPhraseBtn" class="save-phrase-btn" style="background:#3b82f6; margin-top: 6px;">🔊 Izgovori sačuvanu frazu</button> </div> <div id="savedPhrasePreview" class="example-phrases"> <strong>📖 Sačuvana fraza:</strong> <span id="existingPhraseSpan">(nema)</span> </div> <div class="example-phrases"> 💡 <em>Primeri: "Bonjour", "Je m'appelle...", "Où est la gare?"</em><br> ⚡ Klik na naziv lekcije → automatski učitava njenu frazu. </div> </div> </div> <footer> 🎧 Dugme zvučnik = izgovor naslova lekcije na francuskom. Sačuvane fraze se čuvaju u vašem browseru. </footer> </div> if(arr.length === 100) completed = arr

function loadProgress() { const stored = localStorage.getItem("francuski100_completed"); if(stored) { try const arr = JSON.parse(stored); if(arr.length === 100) completed = arr; catch(e) {} } const storedPhrases = localStorage.getItem("francuski100_phrases"); if(storedPhrases) { try const arr = JSON.parse(storedPhrases); if(arr.length === 100) lessonPhrases = arr; catch(e) {} } }

// final check length while(lessonTitles.length < 100) lessonTitles.push( Lekcija $lessonTitles.length+1: Praktična vežba );