Есть условно список языков

<a class="translate" id="ru">Русский</a>
<a class="translate" id="en">English</a>
<a class="translate" id="es">Español</a>

нажатие на которое записывает значение localStorage, то есть обычная json переключалка языка с сохранением куков

============

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

нашел близкое решение, но в моем
https://overcoder.net/q/2262180/%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B8%D1%82%D1%8C-addclass-%D1%81-jquery-cookie-%D0%B8%D0%BB%D0%B8-%D0%BB%D0%BE%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%BC-%D1%85%D1%80%D0%B0%D0%BD%D0%B8%D0%BB%D0%B8%D1%89%D0%B5%D0%BC

с ним я получаю такой пример:

$(document).ready(function () {
 var langkey = localStorage["uiLang"];
 if (langkey) {
   $(".translate").prop("id", langkey).closest(".translate").addClass("active");
 }
 $(".translate").on("change", function () {
   localStorage.setItem("langkey", $(this).prop("id"));
   return false;
 });
});

и такой результат в html

<a class="translate active" id="ru">Русский</a>
<a class="translate active" id="ru">English</a>
<a class="translate active" id="ru">Español</a>

как так, в примере работает, а тут нет?

<a class="translate" id="ru">Русский</a>
<a class="translate" id="en">English</a>
<a class="translate" id="es">Español</a>

читаем доку - https://api.jquery.com/prop/#prop2

не работает с id?

не понял вопроса

и вообще, что это за ерунда написана?

$(".translate").prop("id", langkey).closest(".translate").addClass("active");

$(".translate").prop("id", langkey).closest(".translate").addClass("active");

тут итак есть id, делаешь по нему selector -

$('#'+langkey).addClass("active")

$('#'+langkey).addClass("active")

взято из примера, хз как правильно. такой вариант работает, но класс добавляет/переключает после обновления страницы

ну так сюда тоже надо добавить

$(".translate").on("change"

$(this).addClass("active")

а вот это пробовал, не заработало, в принципе можно сделать проще, когда страницы загружена, не обязательно обращаться к кукам и можно сделать обычное переключение классов

 $(".translate").click(function (e) {
   e.preventDefault();
   $(".active").removeClass("active");
   $(this).addClass("active");
 });

как не заработало, вроде все правильно, только active немного поправить нужно, мало ли где-то еще такой будет

$(".translate.active").removeClass("active");

$(".translate.active").removeClass("active");

добавил, понял уже в чем ошибся, спасибо большое за помощь

нашел скрипт конвертера валют на сайте

(async function() {
 const response = await fetch("https://blockchain.info/tobtc?currency=EUR&value=1");
 const value = await response.json();            
 for (const element of document.querySelectorAll(".currency")) {
element.textContent = (Number(element.dataset.$) * value).toFixed(3);
}
})();

как его переделать под другую ссылку:
https://api.exchangeratesapi.io/latest?symbols=RUB

а именно под значение RUB внутри ответа json?

чего?

вместо полного ответа надо получить значение из списка

value.rates.RUB

так просто... спасибо еще раз)

Как в функцию animate() додати класс, а потом через 1 сек плавно его удалить?
Именно КЛАС, а не список стилей.

Смысл в том, что бы при клике область подсветилась и потом плавно потухло.