Изменить URL в зависимости от языка браузера

Question

У меня есть веб-сайт на английском языке sh, и у меня есть кнопка с URL-адресом https://subdomain.website.com, которая ведет на поддомен веб-сайта:

<a href="https://subdomain.website.com" id="subdomainURL">Title</a>

Как я могу добавить Google Translate добавляет к этому URL-адресу, например, #googtrans(en|fr), в зависимости от языка браузера пользователя, поэтому, если язык браузера пользователя по умолчанию французский, URL-адрес изменится на https://subdomain.website.com#googtrans(en|fr). Точно так же, если пользователь использует другой язык, добавление URL-адреса изменится в соответствии с языком его браузера по умолчанию.

Answer 1

Вы можете использовать navigator.language вот так:

var lang = navigator.language.slice(0,2);
var el = document.getElementById('subdomainURL');
var href = `${el.href}#googtrans(en|${lang})`;
el.href = href;

Answer 2

navigator.language - это способ получить локали пользователя, вот рабочий фрагмент:

console.log(navigator.language)
const lang = window.navigator.language.slice(0, 2);
if ( lang === 'en') {       
  // you can set the href attribute value based on language:
  document.querySelectorAll('a').forEach((el) => {
    el.setAttribute('href', `${el.getAttribute('href')}#googtrans(en|${lang})`)
  });
}

<a href="https://subdomain.website.com" id="subdomainURL">Title</a>