I'm looking for a simple method to switch a static multilingual website. The files have the same name in all languages, but are in different folders that are named with the language code (en, fr, es, de, ...).

Example:

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

Now the visitor should be able to choose a different language with a language switcher. Which languages are available should remain open.

So the code has to jump from the end of the URL to the last / and then replace the previous two characters (no matter what it is, position -1 and -2 before the /) with the new language code. The language code will always be 2 digits and the language subdirectories are always at the end of the URL.

How do I get the new language code from the visitor's click? And how do I install it in the right place? How do I call the script in my html template?

Unfortunately, I'm a total beginner with js. I only know a little bit about html and css. I would be glad of a good code and an explanation of what it does exactly. I have found some partial solutions here, but none does exactly what I need.

thank you!