How to open menu on click?

Question

JavaScript

Hey!
There is a menu and a button, the button has a picture in css, a "burger menu" picture. How to make it so that when you click on the button, the menu opens and the picture changes to a cross? On pure js, otherwise there are examples on jQuery everywhere.

<aside class="contener__aside">
        <nav class="aside__nav">
            <ul class="nav__menu-aside">
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside nav__menu__link-active">Ремонт техники</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Услуги и сервисы</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Корпоративным клиентам</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Продавцам техники</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Партнерам</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Производителям</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Наши сервисные центры</a></li>
                <li class="nav__menu__li-aside"> <a href="#" class="nav__menu__link-aside">Контакты</a></li>
            </ul>
        </nav>
    </aside>

<button class="header__button">
                </button>

Answer 1

let button = document.querySelector('.header__button'); //ищем кнопку
let menu = document.querySelector('.aside__nav); //ищем в DOM элемент с классом навигации, которая скрыта за бургером

button.onclick = () => { //накидываем на кнопку обработчик событий по клику.
   menu.classList.toggle('aside__nav--active'); // тут добавляешь класс к меню, который будет открывать это меню
}