title: How come my box does not disappear when page is loaded?
body: <p>I created a box which contains links inside it. I do not understand why it does not disappear when page has loaded. I wanted to appear when a button onclick = "ore();" is clicked.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
    document.getElementById("hid").style.display = "none";
    function ore(){
      document.getElementById("hid").style.diplay = "block";
    }
  &lt;/script&gt;
  &lt;div class= "borl" id = "hid" style = "position: absolute; text-align: center; width: auto; height: auto; left: 46%; top: 30%;"&gt;
    &lt;a href = "#"&gt;Notifications&lt;/a&gt;&lt;br&gt;
    &lt;a href = "#"&gt;Logout&lt;/a&gt;&lt;br&gt;
    &lt;a href = "#"&gt;Report&lt;/a&gt;&lt;br /&gt;
    &lt;a href = "#"&gt;Bizzy Emails&lt;/a&gt;&lt;br&gt;
    &lt;a href = "#"&gt;Help and Support&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>