Modul 1 - Mitgliederbereich

Lektionen

▶

Wählen Sie eine Lektion aus

Klicken Sie auf eine Lektion in der Liste, um zu beginnen

Fortschritt 0 von 10 Lektionen abgeschlossen

`, `

`, ]; let selectedLesson = null; let completedLessons = JSON.parse(localStorage.getItem('completedLessons') || '[]'); function renderLessons() { const lessonList = document.getElementById('lesson-list'); lessonList.innerHTML = ''; lessons.forEach(lesson => { const isCompleted = completedLessons.includes(lesson.id); const isActive = selectedLesson === lesson.id; const lessonElement = document.createElement('div'); lessonElement.className = `lesson-item ${isActive ? 'active' : ''} ${isCompleted ? 'completed' : ''}`; lessonElement.onclick = () => selectLesson(lesson.id); lessonElement.innerHTML = `

${isCompleted ? '✓' : '▶'}

${lesson.title}

${lesson.duration}

`; lessonList.appendChild(lessonElement); }); updateProgress(); } function selectLesson(lessonId) { selectedLesson = lessonId; const lesson = lessons[lessonId - 1]; const videoContainer = document.getElementById('video-container'); videoContainer.innerHTML = `

${lesson.title}

${videoEmbeds[lessonId - 1]}

Dauer: ${lesson.duration}

`; renderLessons(); } function markAsCompleted(lessonId) { if (!completedLessons.includes(lessonId)) { completedLessons.push(lessonId); localStorage.setItem('completedLessons', JSON.stringify(completedLessons)); selectLesson(lessonId); } } function updateProgress() { const progressText = document.getElementById('progress-text'); const progressBar = document.getElementById('progress-bar'); const percentage = (completedLessons.length / lessons.length) * 100; progressText.textContent = `${completedLessons.length} von ${lessons.length} Lektionen abgeschlossen`; progressBar.style.width = `${percentage}%`; } // Initialize renderLessons();