Переключение языка сайта + определение языка браузера на js
Есть код, который принудительно редиректит на пользователя на страницу с языком который он использует в браузере. Как сманипулировать этим кодом что бы переключать языки на сайте, так как сейчас при переключении оно постоянно редирект делает. Страницы html, переход по href="/....."
Код редиректа:
let language = window.navigator.language;
let languageFistTwo = language.substr(0, 2); // To only keep the first 2 characters.
let currentLocation = document.getElementsByTagName('html')[0].getAttribute('lang-js')
switch (languageFistTwo) {
case "en":
if (currentLocation != 'en') {
window.location.href = 'index_en.html';
}
break;
case "sv":
if (currentLocation != 'sv')
window.location.href = 'index_sa.html';
break;
case "tr":
if (currentLocation != 'tr')
window.location.href = 'index_tr.html';
break;
case "uk":
if (currentLocation != 'uk')
window.location.href = 'index_ua.html';
break;
default:
if (currentLocation != 'ru') {
window.location.href = 'index.html';
}
}
<!DOCTYPE html>
<html lang="ru-RU" lang-js="ru">
<head>
<meta charset="utf-8">
<title></title>
<meta content="" name="author">
<meta content="" name="description">
<meta content="" name="keywords">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="ie=edge" http-equiv="x-ua-compatible">
</head>
<body>
<div class="switch_lenguage-container wow fadeInDown" data-wow-duration="4s">
<a href="./index_en.html">EN</a>
<a class="active_lang" href="./index.html">RU</a>
<a href="./index_ua.html">UA</a>
<a href="./index_tr.html">TR</a>
<a href="./index_sa.html">SA</a>
</div>
</body>
</html>