me quedé en la selección de idioma con navigator.language, pero no pude hacer que al dar click en mi selector de idioma se cambie si me d...

Gilbert Ardila

Gilbert Ardila

Pregunta
studenthace 3 años

me quedé en la selección de idioma con navigator.language, pero no pude hacer que al dar click en mi selector de idioma se cambie si me dan alguna ayuda se les agradece

mi código es este:

este langSelector es una imagen con una bandera, aquí puede poner la imagen y poner el idioma por defecto de acuerdo a la selección del navegador

<const language=navigator.language; let lang; if(language===undefined){ lang='en' langSelector.src==='https://cdn4.iconfinder.com/data/icons/world-flags-12/512/Untitled-2-05-128.png'; }else{ if(language.includes('en')){ lang='en' langSelector.src==='https://cdn4.iconfinder.com/data/icons/world-flags-12/512/Untitled-2-05-128.png' } if(language.includes('es')){ lang='es' langSelector.src==='https://cdn4.iconfinder.com/data/icons/world-flags-12/512/Untitled-2-05-128.png' } }>

ahora traté de cambiar el idioma pero no di,

aqui puedo cambiar la bandera con un click

<langSelector.onclick=()=>{ if(langSelector.src==='https://cdn4.iconfinder.com/data/icons/world-flags-12/512/Untitled-2-05-128.png'){ langSelector.src="https://cdn4.iconfinder.com/data/icons/flat-country-flag/512/United_States-128.png"; } else{ langSelector.src="https://cdn4.iconfinder.com/data/icons/world-flags-12/512/Untitled-2-05-128.png"; } }>

y este ae mi axios

<const API= axios.create({ baseURL:BASE_URL, Headers:{ 'Content-Type':'application/json;charset=utf-8' }, params:{ 'api_key':API_KEY, 'language':lang } })>
1 respuestas
para escribir tu comentario
    Gilbert Ardila

    Gilbert Ardila

    studenthace 3 años

    solucionado: usando sessionStorage cada vez que se haga click en la imagen de la bandera ponemos el idioma en el sessionStorage

    < idioma='en' sessionStorage.setItem('lang',idioma); window.location.reload(); const lang=sessionStorage.getItem('lang')>
Curso de API REST con Javascript: Performance y Usabilidad

Curso de API REST con Javascript: Performance y Usabilidad

Mejora la usabilidad de aplicaciones web implementando botones de "like" desde el frontend. Aumenta la performance gestionando películas favoritas sin autenticación gracias a Local Storage. Aprende a mantener la integridad y protección de tus API keys durante el proceso de despliegue.

Curso de API REST con Javascript: Performance y Usabilidad
Curso de API REST con Javascript: Performance y Usabilidad

Curso de API REST con Javascript: Performance y Usabilidad

Mejora la usabilidad de aplicaciones web implementando botones de "like" desde el frontend. Aumenta la performance gestionando películas favoritas sin autenticación gracias a Local Storage. Aprende a mantener la integridad y protección de tus API keys durante el proceso de despliegue.