Tengo una página en html multi-idioma. La traducción la hago con el script de abajo: únicamente asigno un ID al elemento que quiero traducir y luego lo agrego al JS.
El problema es cuando actualizo la página: la traducción se borra una vez actualizo la página, y mi objetivo es que cuando el usuario vuelva, se quede su preferencia guardada. ¿Cómo modifico el código para que la traducción permanezca?
var strings = {
espanol: {
//PRINCIPAL//
lang: "<i class='fa-duotone fa-earth-americas fa-lg'></i> Idioma",
},
english: {
//PRINCIPAL//
lang: "<i class='fa-duotone fa-earth-americas fa-lg'></i> Language",
}
}
$( ".espanol" ).on( "click", function() {
// update to espanol
localizeStrings('espanol');
});
$( ".english" ).on( "click", function() {
// update to english
localizeStrings('english');
});
// default language
var Lang = "espanol";
// localize with default language
localizeStrings(Lang);
// update selected language
function localizeStrings(strLang) {
$(strings[strLang]).each(function(key, lang){
$.each(lang, function(id, string) {
$("#"+id).html(string);
});
});
}