Hola, tengo un pequeño problema al intentar implementar el conmutador/preferencia de idioma
Hice un elemento de almacenamiento local para eso, pero tuve un problema debido a la necesidad de recargar.
function lang_displayed_settings() { if (localStorage.getItem("language") === "pl") { window.location.hash = "#pl" location.reload(); } }Traté de hacer una función en la carga de la ventana para obtener un elemento con el idioma preferido, pero realmente no puedo hacer que se recargue automáticamente. O estoy recibiendo un bucle cuando la ventana solo se está recargando al cargar. Necesito una función que funcione en hrefs, etc.
¡Ahora no tengo idea de qué puedo cambiar para que funcione! Espero que alguien lo haya hecho mejor que yo ;d
(el código de arriba es claro, ante mí es inútil intentarlo)
Si el elemento de language en el almacenamiento local ya está configurado en "pl" , su código se volverá a cargar y encontrará la propiedad configurada con el mismo valor nuevamente y seguirá recargando su página. La solución es agregar otra condición if para verificar la existencia de #pl en window.location.hash para que no tenga que volver a cargar la página cuando el hash ya está configurado:
function lang_displayed_settings() { if (localStorage.getItem("language") === "pl") { if (window.location.hash === "#pl") { return; } else { window.location.hash = "#pl"; return location.reload(); } } }Si desea que la configuración de idioma sea compatible con muchos idiomas, puede cargarla desde localsorage en la primera carga de la página y luego ejecutar la lógica hash de la siguiente manera:
window.onload(() => { const lang = localStorage.getItem("language") if (window.location.hash === `#${lang}`) { return; } else { window.location.hash = `#${lang}`; return location.reload(); } })Si mi respuesta fue útil, se agradecería un voto a favor.