у .header остаётся расстояние до правого края 12 пикселей?
export const adaptiveHeader = () => {
const headers = document.querySelectorAll(".header");
const headerMenus = document.querySelectorAll(".header__menu");
const mobileMenuButtons = document.querySelectorAll(".mobile-menu-button");
mobileMenuButtons.forEach((mobileMenuButton) => {
mobileMenuButton.addEventListener("click", () => {
headerMenus.forEach((headerMenu) => {
headerMenu.style.top = headerMenu.style.top === "75px" ? "-100%" : "75px";
});
});
});
window.addEventListener('resize', () => {
headers.forEach((header, index) => {
const headerMenu = headerMenus[index];
header.getBoundingClientRect().right <= 12 ? headerMenu.classList.add('new-class') : headerMenu.classList.remove('new-class');
});
});
};
Код написал ИИ
Вот потому и не добавляется, что написал ИИ.😁
Даа в коде должна быть частичка души) и немного багов (фичей). ИИ так не умеют...
JavaScript не знаю
Счастливый человек
Обсуждают сегодня