Нужно сделать кнопку на сайте, делаю через css и 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>