Нужно сделать кнопку на сайте, делаю через css и js, вылетает ошибка
[![js
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("hamb").addEventListener("click", function(){
document.querySelector("header").classList.toggle("open")
})
})
.popup{
display: block;
position: absolute;
width: 605px;
background-color: #D9D9D9;
z-index: 100;
height: 1200px;
left:-605px;
transition:transform .5s ;
}
.menu{
display: block;
width: 100%;
}
.menu-op{
font-weight: 800;
font-size: 16px;
background-color: #fff;
margin-bottom: 4px;
padding: 10px 10px;
}
.menu-op a{
text-decoration: none;
color: #C3A4E8;
}
.form-r{
position: relative;
width: 100%;
height: 40px;
background-color: #fff;
margin-top: 60px;
margin-bottom: 4px;
}
.poisc{
padding-top: 9px;
}
.header.open .popup{
transform: translateX(100%)
}
<div class='header' id='header'>
<div class='container-header'>
<div class='header-line'>
<nav class='navbar'>
<div class='container'>
<div class='navbar_wrap'>
<div class='hamb' id='hamb'>
<div class='hamb_field' >
<span class='bar'></span>
<span class='bar'></span>
<span class='bar'></span>
</div>
</div>
</div>
</div>
</nav>
<div class='popup' id='popup'>
<div class='form-r'>
<p class='poisc' placeholder>поиск</p>
<img class='poisc-img' src='kis.png' alt=''>
</div>
<div class='menu' >
<div class='menu-op'><a href='#'>Главная</a></div>
<div class='menu-op'><a href='#'>Корзина</a></div>
<div class='menu-op'><a href='#'>Личный кабинет</a></div>
<div class='menu-op'><a href='#'>Отзывы</a></div>
</div>
</div>
![][1]][1]](https://i.stack.imgur.com/ZerbA.jpg)