Для реализации смены языка текста на кнопке в зависимости от текущего языка функции перевода страницы на HTML можно воспользоваться следующим подходом:
1. Добавьте атрибут lang к вашему HTML документу, указав в нем язык страницы. Например, для английского языка это будет:
<html lang="en">
2. Создайте кнопку, текст которой будет меняться в зависимости от выбранного языка. Например:
<button id="languageButton">English</button>
3. Для реализации смены языка с помощью JavaScript, где используется функция перевода страницы, вам нужно добавить обработчик события на кнопку, который будет менять текст на ней в соответствии с выбранным языком. Например:
<script>
const languageButton = document.getElementById('languageButton');
languageButton.addEventListener('click', function() {
if (document.documentElement.lang === 'en') {
document.documentElement.lang = 'fr'; // Смена языка на французский
languageButton.textContent = 'Français'; // Изменение текста кнопки
} else {
document.documentElement.lang = 'en'; // Смена языка на английский
languageButton.textContent = 'English'; // Изменение текста кнопки
}
// Дополнительный код для переключения перевода страницы
});
</script>
4. Важно помнить, что помимо изменения текста на кнопке, необходимо также обеспечить переключение языка для всего содержимого страницы. Для этого вам понадобится функция перевода, которая будет изменять текст на соответствующем языке. Это может быть как ручная реализация, так и использование специальных библиотек или инструментов для перевода.
Этот подход позволит вам создать кнопку, которая меняет текст в соответствии с выбранным языком перевода страницы, а также обеспечит соответствующее переключение языка для контента на странице. Не забудьте убедиться, что у ваших переводов правильно установлены атрибуты lang для каждого языка.