Estoy buscando un método simple para cambiar un sitio web multilingüe estático . Los archivos tienen el mismo nombre en todos los idiomas, pero están en diferentes carpetas que se nombran con el código del idioma (en, fr, es, de, ...).

Ejemplo:

 mydomain.com/showcase/en/index.html mydomain.com/showcase/fr/index.html

Ahora el visitante debería poder elegir un idioma diferente con un selector de idioma. Qué idiomas están disponibles deben permanecer abiertos.

Entonces, el código tiene que saltar desde el final de la URL hasta el último / y luego reemplazar los dos caracteres anteriores (no importa cuál sea, posición -1 y -2 antes de /) con el nuevo código de idioma. El código de idioma siempre será de 2 dígitos y los subdirectorios de idioma siempre estarán al final de la URL.

¿Cómo obtengo el nuevo código de idioma del clic del visitante? ¿Y cómo lo instalo en el lugar correcto? ¿Cómo llamo al script en mi plantilla html?

Desafortunadamente, soy un principiante total con js. Solo sé un poco sobre html y css. Me alegraría de un buen código y una explicación de lo que hace exactamente. He encontrado algunas soluciones parciales aquí, pero ninguna hace exactamente lo que necesito.

¡gracias!