如何存储 function 使其仅在单击后才有效，刷新页面后结果保持不变？

Question

 function hd() { document.getElementById("Y").style.display = "none"; }

 body { display:grid; place-content: center; height:100vh; overflow:hidden; }

 <div id="Y">i will be hidden</div> <br> <button onclick="hd();">click me</button>

---

The important thing is to store the function so it works even user refreshes the page I tried to use cookies but it did not work by just calling the function

Answer 1

You could set a flag with localStorage and then check whether this flag has been set already and call the function at startup again.

function hd () {
    document.getElementById("Y").style.display = "none";
    localStorage.setItem("hidden", "yes");
}

if (localStorage.getItem("hidden")) {
    hd();
}