Estoy tratando de construir un sitio web que sea bilingüe. Originalmente, lo escribí usando nodeJS, pero luego me resultó difícil/costoso alojarlo porque se requieren paquetes de servidor dedicado/VPS para ejecutar una aplicación de nodeJS. Así que ahora, estoy usando javascript simple y simple y JQuery para traducir la página y no he descubierto la mejor manera de hacerlo.

CÓMO FUNCIONA LA TRADUCCIÓN :

Hay un botón en la página que dice "En Español" que tiene un detector de eventos adjunto. La idea es que una vez que el usuario hace clic en él, todo el texto se convierte a español, y ese botón ahora dice "En inglés", en caso de que los usuarios quieran traducir al inglés. Esto funcionaría bien si tuviera solo una página html, pero tengo cuatro, por lo que necesito una forma de rastrear el idioma que desea el usuario. Así que pensé qué pasaría si tuviera un archivo de texto o un archivo json que tuviera el código de idioma (es decir, "en" o "es") y cada vez que se haga clic en el botón traducir, cambiará 'en' a 'es' y viceversa.

Así que mi pregunta es: si tuviera un archivo de texto que contenga el código de idioma, y lo alojo para decir hostgator y de manera predeterminada lo configuro para que sea "en"; cada vez que un usuario haga clic en el botón de traducción, ¿realmente cambiar el archivo alojado en HostGator, o hay una copia local que ha cambiado? No quiero que un usuario haga clic en este botón, y luego todos los demás que están en la página web de repente tienen su sitio cambiando de idioma. Espero que el archivo de texto siempre diga "en", y solo cambie localmente. ¿Algún consejo o alguna solución mejor sobre cómo hacer que la página sea bilingüe?