Tengo una función de traducción que cambia los párrafos de inglés a francés usando javascript con solo hacer clic en un botón. Ahora agarré manualmente cada párrafo usando innerhtml y todo funciona bien. Cuando cambio de una página a otra, si el usuario ya tradujo esa página al francés, debería trasladarse a todas las demás páginas. Aunque en este momento, cuando se vincula a otra página, se actualiza y vuelve al inglés, lo que obliga al usuario a seguir traduciendo la página cada vez que se actualiza, lo que NO quiero.
Según cómo configuré estas funciones, no sé si es posible hacer esto ahora, básicamente quiero un evento onlick para traducir todas las páginas, básicamente no quiero que esta función se actualice al ingresar a otra página.
function translate_fr(){ document.getElementById("servicesIntro").innerHTML = `Nous proposons de nombreux services supplémentaires pour votre chat. Lorsque vous réservez avec nous, vous pouvez choisir parmi l'une des options ci-dessous. Si nécessaire, tout ajustement apporté à nos prix sera discuté une fois le rendez-vous pris. Toute autre question ou préoccupation peut être discutée avec nous lorsque vous prenez rendez-vous. N'hésitez pas à nous appeler, nous envoyer un e-mail ou même nous contacter via nos réseaux sociaux pendant nos heures de travail de 9h à 18h du mardi au samedi.` } <button class="translate" type="button" onclick="translate_fr()">FR</button> <p id="servicesIntro"><span class="firstWord">We</span> offer many additional services for your cat, when you book with us you can choose from any of the options below. If needed any adjustments made to our prices will be discussed once an appointment is made. Any other questions or concerns can be discussed with us when you book an appointment. Feel free to call, e-mail us or even contact us through our social media during our work hours from 9 AM to 6 PM Tuesday to Saturday. </p>