Change Language: A Simple Guide to Making Your Website Multilingual
Для изменения языка веб-страницы можно использовать несколько подходов:
1. Использование мультиязычных библиотек или плагинов. Например, библиотека i18next позволяет управлять мультиязычностью веб-приложения. Для использования библиотеки необходимо подключить ее в HTML-коде, а затем инициализировать в JavaScript-коде. Пример кода:
HTML:
My Website
Hello World!
В данном примере мы подключаем i18next и i18nextBrowserLanguageDetector, инициализируем i18next с ресурсами на английском и французском языках и указываем, что язык по умолчанию должен быть английским. Затем при загрузке веб-страницы i18next определит язык браузера и автоматически переведет текст в соответствующий язык.
2. Использование переменных и условных операторов в JavaScript. Например, мы можем определить переменную lang, которая будет хранить значение языка, а затем использовать условный оператор для отображения соответствующего текста на странице. Пример кода:
HTML:
My Website
В данном примере мы определяем переменную lang с языком по умолчанию 'en', а затем определяем две функции: changeLanguage, которая будет изменять значение переменной lang и вызывать функцию displayContent, которая будет отображать соответствующий текст на странице. При нажатии на кнопки выбора языка будет вызываться функция changeLanguage с соответствующим параметром.