Как можно изменить текст на кнопке в соответствии с языком, выбранным для функции перевода страницы?

Как можно реализовать изменение языка кнопки в зависимости от выбранного языка для функции перевода страницы? В коде JavaScript кнопка меняет тему страницы и свое название в зависимости от темы. Как добавить функцию перевода страницы, чтобы кнопка также меняла язык вместе с темой?
  • 22 февраля 2024 г. 3:18
Ответы на вопрос 2
Для реализации изменения текста на кнопке в соответствии с выбранным языком для функции перевода страницы можно использовать следующий подход:

1. Добавить атрибут `data-lang` к кнопке, в котором будет храниться информация о языке, на который нужно перевести текст кнопки.

Пример:
```html
<button id="translateButton" data-lang="en">Translate</button>
```

2. В JavaScript коде добавить функцию, которая будет менять текст на кнопке в зависимости от выбранного языка для перевода страницы.

Пример:
```javascript
// Функция изменения текста на кнопке в соответствии с выбранным языком
function changeButtonTextAccordingToLanguage(language) {
    const translateButton = document.getElementById('translateButton');
    
    if (language === 'en') {
        translateButton.textContent = 'Translate';
    } else if (language === 'ru') {
        translateButton.textContent = 'Перевести';
    } else {
        translateButton.textContent = 'Translate';
    }
}

// Пример вызова функции
changeButtonTextAccordingToLanguage('ru');
```

3. При смене языка для перевода страницы вызывать функцию `changeButtonTextAccordingToLanguage` и передавать ей выбранный язык.

Пример:
```javascript
// Предположим, что при смене языка вызывается функция changeLanguage(language), которая меняет язык страницы
changeLanguage('ru');

// Вызов функции изменения текста на кнопке в соответствии с новым языком
changeButtonTextAccordingToLanguage('ru');
```

Таким образом, при изменении языка для перевода страницы будет происходить соответствующее изменение текста на кнопке в зависимости от выбранного языка.
2 варианта решения: 
1.
function updateButtonMoreTitle() {
if (currentLanguage === 'en') {
$('.moreTitle').text($('.moreTitle').hasClass('close') ? "Hide all" : "Show more");
} else if (currentLanguage === 'ru') {
$('.moreTitle').text($('.moreTitle').hasClass('close') ? "Скрыть всё" : "Показать все");
}
}

setInterval(updateButtonMoreTitle, 1);

$('.moreTitle').on('click', function () {
$(".moreText").toggle('showText');
$(this).toggleClass('close open');
updateButtonMoreTitle();
});

2. https://codepen.io/yepbro/pen/dyrBvqR
Похожие вопросы