- Загружать сайт на языке браузера пользователя
- Переключать языки сохраняя текущий язык в localStorage
Эта переменная определяет язык браузера в формате "en", "en-US", "zh-CN", "ja-JP"
const browserLang =
(navigator.languages &&
navigator.languages[0]) ||
navigator.language ||
navigator.userLanguage
при помощи substr обрезать строку до первых двух символов
const userLang = browserLang.substr(0, 2)
Записать в localStorage текущее значение
localStorage.setItem('userLang', userLang)
Написать проверку
const title = document.getElementById('title')
const lang = localStorage.getItem('userLang')
if (lang === 'md') {
title.innerHTML = 'Salut. Lume!'
} else if (lang === 'ru') {
title.innerHTML = 'Привет, Мир!'
} else if (lang === 'en') {
title.innerHTML = 'Hello. World!'
}
Создать переключение языков
const md = document.getElementById('md')
const ru = document.getElementById('ru')
const en = document.getElementById('en')
md.onclick = () => {
localStorage.setItem('userLang', 'md')
title.innerHTML = 'Salut. Lume!'
}
ru.onclick = () => {
localStorage.setItem('userLang', 'ru')
title.innerHTML = 'Привет, Мир!'
}
en.onclick = () => {
localStorage.setItem('userLang', 'en')
title.innerHTML = 'Hello. World!'
}
Вынести код в методы
getCurrentLang = () => {}
getCurrentLang()
switchLang = () => {}
switchLang()