ЯсноПонятно24

// Создаем массив с иностранными словами, их переводами и примерами использования const words = [ { foreignWord: "Hello", translation: "Привет", example: "Hello, how are you?" }, { foreignWord: "Goodbye", translation: "До свидания", example: "Goodbye, see you later." }, { foreignWord: "Thank you", translation: "Спасибо", example: "Thank you for your help." } ];

let currentWordIndex = 0;

// Функция для отображения текущего слова на карточке function displayCurrentWord() { const cardFront = document.getElementById("card-front"); const cardBack = document.getElementById("card-back"); cardFront.textContent = words[currentWordIndex].foreignWord; cardBack.textContent = ${words[currentWordIndex].translation} (${words[currentWordIndex].example}); }

// Функция для переключения карточек при клике function flipCard() { const flipCard = document.querySelector(".flip-card"); flipCard.classList.toggle("active"); }

// Функция для листания карточек вперед function nextCard() { if (currentWordIndex < words.length - 1) { currentWordIndex++; displayCurrentWord(); } }

// Функция для листания карточек назад function prevCard() { if (currentWordIndex > 0) { currentWordIndex--; displayCurrentWord(); } }

// Прослушиваем клик по карточке для переворота document.querySelector(".flip-card").addEventListener("click", flipCard);

// Прослушиваем клик по кнопке "Вперед" для перехода к следующему слову document.getElementById("next-btn").addEventListener("click", nextCard);

// Прослушиваем клик по кнопке "Назад" для перехода к предыдущему слову document.getElementById("prev-btn").addEventListener("click", prevCard);

// При загрузке страницы отображаем первое слово displayCurrentWord();