Для того чтобы добавлять классы при нажатии на кнопку "бургер меню", необходимо выполнить следующие шаги:
1. Добавить обработчик события click на кнопку "бургер меню".
2. В обработчике события добавить код, который будет добавлять нужные классы элементам.
3. Убедиться, что нужные классы заданы в CSS для стилей, которые вы хотите применить.
Чтобы исправить проблему с тем, что выпадающее меню не открывается при нажатии на иконку бургер-меню, необходимо добавить код для показа/скрытия меню при клике на кнопку. Примерно так:
```js
const burgerMenuButton = document.querySelector('.burger-menu-button');
const menu = document.querySelector('.menu');
burgerMenuButton.addEventListener('click', () => {
menu.classList.toggle('opened');
});
```
Этот код добавляет/удаляет класс 'opened' у элемента с классом 'menu' при каждом клике на кнопку 'burger-menu-button'. Класс 'opened' должен содержать стили для показа выпадающего меню.
Помимо этого, можно также использовать методы `classList.add()` и `classList.remove()` для явной установки/удаления классов. Вот пример кода:
```js
burgerMenuButton.addEventListener('click', () => {
menu.classList.add('opened');
});
// Для закрытия меню
closeMenuButton.addEventListener('click', () => {
menu.classList.remove('opened');
});
```
Надеюсь, это поможет вам исправить проблемы с открытием/закрытием выпадающего меню при нажатии на кнопку. Если у вас есть дополнительные вопросы, не стесняйтесь спрашивать.