How come my box does not disappear when page is loaded?

Question

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.

<script>
  document.getElementById("hid").style.display = "none";
  function ore(){
    document.getElementById("hid").style.diplay = "block";
  }
</script>
<div class= "borl" id = "hid" style = "position: absolute; text-align: center; width: auto; height: auto; left: 46%; top: 30%;">
  <a href = "#">Notifications</a><br>
  <a href = "#">Logout</a><br>
  <a href = "#">Report</a><br />
  <a href = "#">Bizzy Emails</a><br>
  <a href = "#">Help and Support</a>
</div>

A script can't act on an element that hasn't been rendered yet. — isherwood, May 08 '20 at 16:26
I changed the script location but when I press the button the box does not show up — Benjamin Sloutsky, May 08 '20 at 16:34

Bhavik Hirani · Accepted Answer · 2020-05-08T16:31:15.187

1

you have to add your script after html

<div class="borl" id="hid" style="position: absolute; text-align: center; width: auto; height: auto; left: 46%; top: 30%;">
  <a href="#">Notifications</a><br>
  <a href="#">Logout</a><br>
  <a href="#">Report</a><br />
  <a href="#">Bizzy Emails</a><br>
  <a href="#">Help and Support</a>
</div>
<button onclick="ore()">show</button>
<script>
  document.getElementById('hid').style.display = "none";
  function ore(){
    document.getElementById('hid').style.display = "block";
  }
</script>

edited May 08 '20 at 16:31

answered May 08 '20 at 16:28

Bhavik Hirani

1,764
4
24
38

You don't _have_ to, but that's one possible solution. – isherwood May 08 '20 at 16:29
But when I press the button that contains onclick = "ore();", the box does not show up – Benjamin Sloutsky May 08 '20 at 16:32
1

please run code snippet and check, when you click on show button it will display your menu – Bhavik Hirani May 08 '20 at 16:33
2

@BenjaminSloutsky check in your code you mistake in display spelling – Bhavik Hirani May 08 '20 at 16:34
Thank you, yes that was the mistake. – Benjamin Sloutsky May 08 '20 at 16:36

How come my box does not disappear when page is loaded?

1 Answers1