<div class="main-content"> <div class="progress-section"> <div class="progress-bar"> <div class="progress-fill" id="progressFill">0%</div> </div> <div class="stats"> <div class="stat-card"> <div class="stat-label">Frage</div> <div class="stat-value" id="currentQuestion">1</div> </div> <div class="stat-card"> <div class="stat-label">Richtige Antworten</div> <div class="stat-value" id="correctCount">0</div> </div> <div class="stat-card"> <div class="stat-label">Insgesamt</div> <div class="stat-value" id="totalQuestions">20</div> </div> </div> </div>
.progress-section margin-bottom: 30px;
function loadQuestion() '🚗'; // Render options optionsContainer.innerHTML = ''; question.options.forEach((option, idx) => const optionDiv = document.createElement('div'); optionDiv.className = 'option'; if (userAnswers[currentIndex] === idx) optionDiv.classList.add('selected'); if (answerSubmitted) if (idx === question.correct) optionDiv.classList.add('correct'); else optionDiv.classList.add('incorrect'); optionDiv.innerHTML = `$String.fromCharCode(65+idx). $option`; optionDiv.onclick = () => selectAnswer(idx); optionsContainer.appendChild(optionDiv); ); updateStats(); stuttgart,mpu testsimulation stuttgart
// DOM elements const questionTextEl = document.getElementById('questionText'); const optionsContainer = document.getElementById('optionsContainer'); const nextBtn = document.getElementById('nextBtn'); const resetBtn = document.getElementById('resetBtn'); const resultResetBtn = document.getElementById('resultResetBtn'); const progressFill = document.getElementById('progressFill'); const currentQuestionEl = document.getElementById('currentQuestion'); const correctCountEl = document.getElementById('correctCount'); const feedbackEl = document.getElementById('feedback'); const resultArea = document.getElementById('resultArea'); const scenarioImage = document.getElementById('scenarioImage'); div class="progress-fill" id="progressFill">
.option padding: 15px; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; div class="stat-value" id="currentQuestion">
.result-area.show display: block; animation: slideIn 0.5s ease;