Javascript 如何将颜色框保存到本地存储器中？

我想在提交时将这些颜色div框保存到本地存储（输入值将作为背景色添加到div框） 提前谢谢

const
container=document.querySelector（'.save-box.container'），
myForm=document.getElementById（'myForm'）；
myForm.addEventListener（'submit'，addBox）；
//添加div元素
函数addBox（e）{
e、 预防默认值（）；
让inputVal=input.value；//value
如果（！inputVal）返回；
let box=document.createElement（'div'）；
box.className='hex bg'；
box.style.backgroundColor=input.value；
//十六进制文本
让hexText=document.createElement（'div'）；
hexText.classList.add（'hex-text'）；
hexText.textContent=input.value；
appendChild（hexText）；//在div上追加输入文本
container.appendChild（box）；//apppend'hex bg'div
box.addEventListener（“单击”，删除）；
这是reset（）；
}
//单击删除元素
函数删除（）{
让parent=this.parentElement；
parent.removeChild（本）；
}

.container{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
}
.十六进制bg{
对齐项目：居中；
边框：1px实心#ccc；
显示器：flex；
高度：200px；
证明内容：中心；
宽度：200px；
}

添加

您可以将背景色十六进制代码保存在本地存储器中，重新访问时，您可以读取本地存储器并重新绘制div框。

---

有关本地存储的更多信息

您是否尝试过将十六进制值保存在本地存储下的搜索栏中，然后在需要时处理它们？到目前为止您尝试了什么？MDN对如何使用本地存储有很好的入门知识：。我相信在Github上可以找到很多助手类。