Css 警报框-如何在浏览器缓存中保存关闭（x）

这里有一个简单的警报框：

/*警报促销框*/
.促销箱{
填充：10px；
背景色：#415ca2；/*蓝色*/
颜色：白色；
边缘底部：7px；
}
/*关闭按钮*/
.closebtnpr{
左边距：15px；
颜色：白色；
字体大小：粗体；
浮动：对；
字号：18px；
线高：20px；
光标：指针；
过渡：0.3s；
}
/*将鼠标移到“关闭”按钮上时*/
.closebtn:悬停{
颜色：黑色；
}

×
美国马球协会日！

您在上次编辑中几乎获得了它。使用sessionStorage（如果希望数据持久化，请使用localStorage）。不要直接用js更改显示属性，而是使用css类，若用户以前并没有关闭它，就将其删除。 对sessionStorage变量使用布尔值

此代码段在沙箱环境中不起作用

document.addEventListener（“DOMContentLoaded”，function（））{
let disposed=sessionStorage.getItem（“disposed”）；
让alertDiv=document.getElementById（“警报”）；
让dismissButton=document.getElementById（“dismise”）；
如果（！解雇）{
alertDiv.classList.remove（“hide”）；
}
addEventListener（“单击”，函数（）{
添加（“隐藏”）；
sessionStorage.setItem（“已解除”，true）；
});
});
.alert{边框：1px虚线；字体大小：x-large；显示：内联块}
.hide{display:none}

这里有些烦人的警报！
X
如果您想在浏览器选项卡或浏览器完全关闭之前存储用户选择，您可以使用将此类信息存储在会话存储中，您可以帮助我更正此代码吗？此代码不需要轻微的“更正”，它需要实现您想要的功能。由于这不是一个代码编写服务，您需要自己尝试这样做。当你对你所写的代码有具体的问题时，你可以回到这里，但是你需要做一些适当的研究/阅读你得到的关键词，然后首先尝试一些东西。我已经更新了我的主题。你能帮助我如何实现我们的代码吗？