0
230
ViewsCómo guardar si un usuario hizo clic en un botón o no, y si es así, ejecutar una función
Tengo dos funciones translate_fr y translate_en, onClick cuando haces clic en FR o EN, los párrafos se cambian a inglés o francés tomando sus ID con inner.html
Estas dos funciones se ejecutan en todas las páginas html, pero obviamente cuando se actualizan o cambian de página, la función onclick vuelve a la normalidad. Entonces, por ejemplo, si el usuario presiona el botón FR, quiero que todas las funciones de translate_fr en las otras páginas se ejecuten una vez que se cargue la página, cambiando los párrafos en inglés a francés.
Necesito una forma de almacenar el clic del botón de los usuarios con el almacenamiento local, y luego una declaración condicional que diga si el usuario presionó EN, ejecute la función translate_en; de lo contrario, FR, luego ejecute la función translate_fr.
es posible? Soy MUY nuevo en JavaScript y no estoy familiarizado con el almacenamiento local. No tengo forma de hacer esto. Aquí está el sitio web en su dominio lionkuts.ca para cualquier otra referencia. Puse dos párrafos como ejemplo, aunque como pueden ver en la imagen hice esto para cada párrafo en el sitio web.
function translate_en(){ document.getElementById("intro").innerHTML = `Here at Lion Kuts we are a cat only establishment that offers a full range of services from complete grooming, bathing to boarding. You and your pet will be thrilled to know that only professional, natural and biodegradeable products are used, any sensitivities or allergies will not be a problem.`; } function translate_fr(){ document.getElementById("intro").innerHTML = `Chez Coupe Lion, nous ne sommes qu'un chat établissement offrant une gamme complète de services du toilettage complet, de la baignade à l'embarquement.Vous et votre animal sera ravi de savoir que seul un professionnel, des produits naturels et biodégradables sont utilisés, tout les sensibilités ou les allergies ne seront pas un problème.`; } <div class="wrapper3"> <button class="translate" id="click1" type="button"onclick="translate_en()">EN </button> <button class="translate" id="click2" type="button" onclick="translate_fr()">FR </button> </div> <p id="intro"> Here at Lion Kuts we are a cat only establishment that offers a full range of services from complete grooming, bathing to boarding. You and your pet will be thrilled to know that only professional, natural and biodegradeable products are used, any sensitivities or allergies will not be a problem. </p>1 answers
Answer question0
Puede usar Window.localStorage para guardar el idioma actual y luego usar Window.onload para verificar el idioma.
Window.localStorage
Ventana.onload
function translate_en(){ Window.localStorage.setItem("language", "EN"); //translate the web page } //translate_fr is same, but with french Window.onload = (e) => { let language = Window.localStorage.getItem("language"); if(language === "EN"){ translate_en(); } else if(language === "FR"){ translate_fr(); } else { translate_en();//Default (if null) } }