`); printWindow.document.close(); printWindow.focus(); setTimeout(() => { printWindow.print(); }, 500); }function collectAllTestData() { // Section 1 data with correct answers let section1HTML = '';// Section 2 data with correct answers let section2HTML = '';// Section 3 data with correct answers let section3HTML = '';// Section 4 data const essayText = document.getElementById('essay').value || 'Sin respuesta'; const wordCount = essayText.trim().split(/\s+/).filter(word => word.length > 0).length; const section4HTML = ` `;return { section1: section1HTML, section2: section2HTML, section3: section3HTML, section4: section4HTML }; }// Multiple choice functionality document.addEventListener('click', function(e) { if (e.target.classList.contains('option')) { const question = e.target.closest('.question'); const section = question.dataset.section; const questionNum = question.dataset.question; question.querySelectorAll('.option').forEach(opt => { opt.classList.remove('selected'); }); e.target.classList.add('selected'); const key = `${section}_${questionNum}`; answers[key] = e.target.dataset.value; } });// Drag and drop functionality let draggedElement = null;document.addEventListener('dragstart', function(e) { if (e.target.classList.contains('drag-item')) { draggedElement = e.target; e.target.style.opacity = '0.5'; } });document.addEventListener('dragend', function(e) { if (e.target.classList.contains('drag-item')) { e.target.style.opacity = '1'; } });document.addEventListener('dragover', function(e) { if (e.target.classList.contains('drop-zone')) { e.preventDefault(); e.target.classList.add('drag-over'); } });document.addEventListener('dragleave', function(e) { if (e.target.classList.contains('drop-zone')) { e.target.classList.remove('drag-over'); } });document.addEventListener('drop', function(e) { if (e.target.classList.contains('drop-zone')) { e.preventDefault(); e.target.classList.remove('drag-over'); if (draggedElement) { e.target.innerHTML = e.target.dataset.label + ') ' + draggedElement.textContent; e.target.classList.add('filled'); const dragValue = draggedElement.dataset.value; const dropAccept = e.target.dataset.accept; dragDropAnswers[dragValue] = dropAccept; draggedElement.remove(); draggedElement = null; } } });// Word formation functionality document.addEventListener('input', function(e) { if (e.target.type === 'text' && e.target.dataset.question) { const questionId = e.target.dataset.question; wordFormationAnswers[questionId] = e.target.value.trim().toLowerCase(); } });// Essay word count document.getElementById('essay')?.addEventListener('input', function(e) { const words = e.target.value.trim().split(/\s+/).filter(word => word.length > 0); const wordCount = words.length; document.getElementById('wordCount').textContent = `Palabras: ${wordCount} / 220`; if (wordCount < 180) { document.getElementById('wordCount').style.color = '#dc3545'; } else if (wordCount > 220) { document.getElementById('wordCount').style.color = '#fd7e14'; } else { document.getElementById('wordCount').style.color = '#28a745'; } });// Navigation functions function nextSection() { if (currentSection < totalSections) { currentSection++; showSection(currentSection); } else { finishExam(); } }function previousSection() { if (currentSection > 1) { currentSection--; showSection(currentSection); } }function showSection(sectionNum) { document.querySelectorAll('.section').forEach(section => { section.classList.remove('active'); }); document.getElementById(`section${sectionNum}`).classList.add('active'); const progress = (sectionNum / totalSections) * 100; document.getElementById('progressFill').style.width = `${progress}%`; document.getElementById('prevBtn').disabled = (sectionNum === 1); const nextBtn = document.getElementById('nextBtn'); if (sectionNum === totalSections) { nextBtn.textContent = '✅ Finalizar Examen'; } else { nextBtn.textContent = 'Siguiente ➡️'; } }// Calculate and show results function finishExam() { stopTimer(); const results = calculateResults(); showResults(results); }function calculateResults() { let totalScore = 0; let maxScore = 0; let sectionScores = {};// Section 1: Reading Comprehension (20 points) let section1Score = 0; for (let [key, correct] of Object.entries(correctAnswers.section1)) { maxScore += 2; if (answers[key] === correct) { section1Score += 2; totalScore += 2; } } sectionScores['Comprensión Lectora'] = `${section1Score}/20`;// Section 2A: Grammar Multiple Choice (8 points) let section2aScore = 0; for (let [key, correct] of Object.entries(correctAnswers.section2a)) { maxScore += 1; if (answers[key] === correct) { section2aScore += 1; totalScore += 1; } }// Section 2B: Drag and Drop (4 points) let section2bScore = 0; for (let [drag, correct] of Object.entries(correctAnswers.section2b)) { maxScore += 1; if (dragDropAnswers[drag] === correct) { section2bScore += 1; totalScore += 1; } } sectionScores['Gramática y Uso'] = `${section2aScore + section2bScore}/12`;// Section 3A: Word Formation (5 points) let section3aScore = 0; for (let [key, correct] of Object.entries(correctAnswers.section3a)) { maxScore += 1; if (wordFormationAnswers[key] === correct) { section3aScore += 1; totalScore += 1; } }// Section 3B: Grammar and Vocabulary Test (20 points) let section3bScore = 0; for (let [key, correct] of Object.entries(correctAnswers.section3b)) { maxScore += 1; if (answers[key] === correct) { section3bScore += 1; totalScore += 1; } } sectionScores['Vocabulario y Expresión'] = `${section3aScore + section3bScore}/25`;// Section 4: Written Expression (12 points) - Not auto-graded maxScore += 12; sectionScores['Expresión Escrita'] = 'Evaluación manual requerida';const percentage = Math.round((totalScore / (maxScore - 12)) * 100);return { totalScore, maxScore: maxScore - 12, percentage, sectionScores }; }function showResults(results) { document.querySelectorAll('.section').forEach(section => { section.classList.remove('active'); }); document.querySelector('.navigation').style.display = 'none'; const resultsSection = document.getElementById('results'); resultsSection.classList.add('show'); document.getElementById('finalScore').textContent = `${results.percentage}%`; let level, description, color; if (results.percentage >= 90) { level = '🌟 Excelente'; description = 'Demuestra dominio del nivel C1 de español'; color = '#28a745'; } else if (results.percentage >= 80) { level = '👍 Bueno'; description = 'Muestra competencia sólida del nivel C1 con lagunas menores'; color = '#17a2b8'; } else if (results.percentage >= 70) { level = '📈 Satisfactorio'; description = 'Se aproxima al nivel C1, necesita refinamiento'; color = '#ffc107'; } else { level = '📚 Necesita Mejora'; description = 'Requiere estudio adicional y práctica'; color = '#dc3545'; } document.getElementById('scoreLevel').textContent = level; document.getElementById('scoreDescription').textContent = description; document.getElementById('scoreCircle').style.borderColor = color; let detailsHTML = ''; for (let [section, score] of Object.entries(results.sectionScores)) { detailsHTML += ` `; } detailsHTML += ` `; document.getElementById('scoreDetails').innerHTML = detailsHTML; // Hide time extension button document.getElementById('timeExtensionBtn').style.display = 'none'; showCorrectAnswers(); }function showCorrectAnswers() { document.querySelectorAll('.question[data-correct]').forEach(question => { const section = question.dataset.section; const questionNum = question.dataset.question; const correct = question.dataset.correct; const key = `${section}_${questionNum}`; const userAnswer = answers[key]; const options = question.querySelectorAll('.option'); options.forEach(option => { if (option.dataset.value === correct) { option.classList.add('correct-option'); } if (option.dataset.value === userAnswer && userAnswer !== correct) { option.classList.add('incorrect-option'); } }); });document.querySelectorAll('input[data-answer]').forEach(input => { const correct = input.dataset.answer.toLowerCase(); const userAnswer = input.value.trim().toLowerCase(); if (userAnswer === correct) { input.style.backgroundColor = '#d4edda'; input.style.borderColor = '#28a745'; } else { input.style.backgroundColor = '#f8d7da'; input.style.borderColor = '#dc3545'; input.placeholder = `Respuesta correcta: ${input.dataset.answer}`; } }); }// Initialize the exam document.addEventListener('DOMContentLoaded', function() { showSection(1); });