Сделал простой обработчик для меню, но потом мне сказали, что лучше не манипулировать стилями. Возможно ли сделать адаптивное меню без изменения css в js?
document.addEventListener("DOMContentLoaded", function() {
var openMenu = document.querySelector(".header__menu-btn.btn--burger");
var links = document.querySelector(".header__menu-list");
var bgAdaptiveMenu = document.querySelector('.header__menu_background');
openMenu.addEventListener("click", () => {
links.classList.remove('header__menu-list');
links.classList.add('header__menu-adaptive_active');
bgAdaptiveMenu.style.display = 'block';
});
bgAdaptiveMenu.addEventListener('click', function(event) {
if (event.target == bgAdaptiveMenu) {
links.classList.add('header__menu-list');
links.classList.remove('header__menu-adaptive_active');
bgAdaptiveMenu.style.display = 'none';
}
});
});
