Javascript 将当前CSS设置存储在本地存储器中

我的应用程序中有一个字体更改代码，如下所示-

HTML-

元素2的字体大小为14px

JS-

var项目=[{
“el”：“元素1”，
“最大尺寸”：14，
“minSize”：12
}, {
“el”：“元素2”，
“最大尺寸”：16，
“minSize”：14
}]
var incdec=函数（dir）{
items.forEach（功能（项目）{
大小（目录，项目）
});
};
变量大小=函数（目录，项目）{
var el=document.querySelector（item.el）；
var max=item.maxSize；
var min=item.minSize；
console.log（dir、min、max）
var style=window.getComputedStyle（el，null）.getPropertyValue（'font-size'）；
var fontSize=parseFloat（样式）；
如果（dir==1&&fontSizemin）{
el.style.fontSize=（fontSize-1）+“px”；
console.log（“decSize”，el.tagName，el.style.fontSize）
}
}

我希望所选字体大小在重新加载时保持不变。如何使用本地存储实现这一点？请注意，两个元素的当前（设置/默认）字体不同，因此必须在本地存储器中为每个元素存储不同的值。 我需要逻辑方面的帮助

---

谢谢

如果要使用localStorage存储和检索数据，可以这样做

使用键存储值的步骤

localStorage.setItem('key', 'value');

在您的用例中，您可以像

localStorage.setItem('font-size', 'value');
    

按键检索值的步骤

localStorage.getItem('key');

要从存储中完全删除该项目

localStorage.removeItem('key');

---

以下是您可以参考的示例

以下是您可以在操作中看到的一个小的工作示例：

下面是简单的代码

    // this next line is just a quick way of showing initialization 
// which should be moved to your onload event so when page loads 
// your localStorage values are read in If they exist)
var fontSize = 12;
initializeValue()

function initializeValue(){
    fontSize = Number(localStorage.getItem("fontSize"));
  if (fontSize <=0 ){
     fontSize = 12;
  }
  
    document.querySelector("#output").value = fontSize;
}

function incdec(value){
    fontSize += value;  // 
  document.querySelector("#output").value = fontSize;
    localStorage.setItem("fontSize",fontSize);
}

//下一行只是显示初始化的一种快速方式
//应该将其移动到您的onload事件，以便在页面加载时
//本地存储值（如果存在）将被读入
var-fontSize=12；
初始化值（）
函数initializeValue（）{
fontSize=Number（localStorage.getItem（“fontSize”）；
如果（fontSize）您有什么特别的问题吗？我在您的代码示例中看到，您似乎得到了字体大小——您只是想知道如何将其放入
localStorage
并从中检索它吗？[MDN
localStorage
文档]非常简单“如何将某些内容放入本地存储"有好几篇文章已经在讨论这个问题，这可能会以重复的形式结束：]]谢谢你的解决方案。但是，你能在现有的代码中应用这个概念吗？我理解使用本地存储的逻辑，但我无法将其组合在一起。谢谢！！@ItikaBandta我更新了代码以反映你的原版nal代码。当您测试它是否有效时，请查看并标记为解决方案。