function addWord(element) { const builder = document.getElementById('sentenceBuilder'); const placeholder = builder.querySelector('.placeholder'); if (placeholder) { placeholder.remove(); } const wordBlock = document.createElement('div'); wordBlock.className = 'word-block'; wordBlock.textContent = element.textContent; wordBlock.onclick = () => removeWord(wordBlock); builder.appendChild(wordBlock); currentSentence.push(element.textContent); // Автоматическая проверка после добавления слова checkSentenceAutomatically(); } function checkSentenceAutomatically() { if (currentSentence.length === 0) return; const correctPattern = sentences[currentQuestion].pattern; const feedback = document.getElementById('sentenceFeedback'); const isCorrect = JSON.stringify(currentSentence) === JSON.stringify(correctPattern); if (currentSentence.length === correctPattern.length) { if (!isCorrect) { const sentence = sentences[currentQuestion]; if (!exerciseStates.sentences.wrongAnswers.find(s => s.translation === sentence.translation)) { exerciseStates.sentences.wrongAnswers.push(sentence); } } addProgress(isCorrect); if (isCorrect) { score += 15; feedback.className = 'feedback correct'; feedback.textContent = '✓ Превосходно! Предложение составлено правильно!'; showCelebration(); document.getElementById('nextSentenceBtn').disabled = false; } else { feedback.className = 'feedback incorrect'; feedback.textContent = `✗ Неверно. Правильный порядок: ${correctPattern.join(' ')}`; } feedback.style.display = 'block'; updateScore(); } } function nextSentence() { if (document.getElementById('nextSentenceBtn').disabled) return; document.getElementById('nextSentenceBtn').disabled = true; currentQuestion++; loadSentence(); } function showSentenceReview() { document.getElementById('sentenceReview').style.display = 'block'; document.getElementById('sentenceQuestion').style.display = 'none'; document.getElementById('sentenceBuilder').style.display = 'none'; document.getElementById('wordBank').style.display = 'none'; document.querySelectorAll('#exercise2 .btn').forEach(btn => btn.style.display = 'none'); document.getElementById('sentenceFeedback').style.display = 'none'; const reviewItems = document.getElementById('sentenceReviewItems'); reviewItems.innerHTML = exerciseStates.sentences.wrongAnswers.map(sentence => `` ).join(''); } function completeSentences() { exerciseStates.sentences.completed = true; document.getElementById('sentenceReview').style.display = 'none'; document.getElementById('sentenceCompletion').style.display = '