用JavaScript创建多语言网站

Question

我是新来的编码，我正试图创建一个多语言网站。所以我发现下面的实现是有效的:

JS

let langs = document.querySelector(".langs"),
link = document.querySelectorAll("a"),
lgmenu = document.querySelector(".lgmenu");
lglanguage = document.querySelector(".lglanguage");
link.forEach(el=>{
el.addEventListener("click", ()=>{
langs.querySelector(".active").classList.remove("active");
el.classList.add("active");
let attr = el.getAttribute("language")
lgmenu.textContent = data[attr].lgmenu
lglanguage.textContent = data[attr].lglanguage
})
})
let data = {
romanian: {
lgmenu: "Meniu",
lglanguage: "Alege limba"
},
english: {
lgmenu: "Menu",
lglanguage: "Choose language"
}
}

window.localStorage.setItem("langs", "romanian");
window.localStorage.setItem("langs", "english");
window.localStorage.getItem('langs');

我的问题:

1. 如何保存用户的语言选择?因此，在刷新或页面间导航时，语言不会重置。我读到我必须用localStorage来做。但是我不知道该怎么做。

2. 如何在标题栏中显示当前选择的语言?https://i.stack.imgur.com/JEUQq.jpg

如果可以，请告知。多谢

最诚挚的问候,Veaceslav

Answer 1

1. 要为localStorage设置任何值，只需执行以下命令:

   localStorage.setItem('key', value);
   

   要检索值，执行:

   window.localStorage.getItem('key');
   

2. 添加一个脚本来检索该值，并将元素的innerHTML设置为该值

本地存储的详细信息