when trying to press nav-toggle icon to appear the navbar content, i get this error.
JavaScript
x
15
15
1
<nav>
2
<button id="nav-toggle" class="hamburger-menu">
3
<span class="strip"></span>
4
<span class="strip"></span>
5
<span class="strip"></span>
6
</button>
7
<ul class="nav-menu-container">
8
<li><a href="#">Home</a></li>
9
<li><a href="#">Games</a></li>
10
<li><a href="#">Blog</a></li>
11
<li><a href="#">Forums</a></li>
12
<li><a href="#">Contact Us</a></li>
13
</ul>
14
</nav>
15
here is my javascript:
JavaScript
1
7
1
<script>
2
document.getElementById('nav-toggle').addEventListener('click', function () {
3
let navMenu = document.getElementById('nav-menu-container');
4
navMenu.style.display = (navMenu.offsetParent === null ? 'block' : 'none');
5
});
6
</script>
7
Advertisement
Answer
You should use the id
attribute for the ul
since you are trying to get it using getElementById
.
JavaScript
1
2
1
<ul id="nav-menu-container">
2