How to keep view changes after refresh page?

https://stackoverflow.com/questions/53637204/how-to-keep-view-changes-after-refresh-page

HTML

<p1
      hidden
      style="text-align:center;font-size: 50px; padding:-25px; margin:-25px;"
      >@Html.Label(@Model.CSLine.ModuleOrderInternalSequence > long.MinValue ?
      @Model.CSLine.ModuleOrderInternalSequence.ToString() : string.Empty)</p1
    >
    
  <button id="button">Display Internal Sequences</button>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
  color: #FFF
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

JavaScript

setInterval(function () {
  window.location.reload(1);
}, 10000);

$("#button").click(function() {
  $("p1").attr("hidden", false);
  localStorage.setItem("show_p1", true);
});

if (localStorage.getItem("show_p1") == 'true') {
  $("p1").attr("hidden", false);  
}