Как добавить вторую кнопку "Отмена" или "Закрыть" с использованием JavaScript?

Как настроить закрытие меню как при нажатии на иконку burger-icon, так и на ссылку "Закрыть" с помощью JavaScript?
  • 19 июля 2024 г. 3:52
Ответы на вопрос 2
Чтобы добавить вторую кнопку "Отмена" или "Закрыть" с использованием JavaScript, можно создать новую кнопку програмно и добавить ее на страницу. Например:

```javascript
// Создаем кнопку "Отмена"
var cancelButton = document.createElement("button");
cancelButton.textContent = "Отмена";
cancelButton.addEventListener("click", function() {
    // Здесь добавляем логику для закрытия меню
    closeMenu();
});
// Добавляем кнопку на страницу
document.body.appendChild(cancelButton);
```

Чтобы настроить закрытие меню при нажатии на иконку burger-icon и на ссылку "Закрыть" с помощью JavaScript, можно назначить обработчики событий на оба элемента с вызовом одной и той же функции для закрытия меню. Если у вас есть элемент с классом burger-icon и ссылка с классом close-link, то код может выглядеть следующим образом:

```javascript
var burgerIcon = document.querySelector('.burger-icon');
var closeLink = document.querySelector('.close-link');

burgerIcon.addEventListener("click", function() {
    closeMenu();
});

closeLink.addEventListener("click", function() {
    closeMenu();
});

function closeMenu() {
    // Здесь добавляем логику для закрытия меню
}
```

Таким образом, при нажатии на иконку burger-icon или на ссылку "Закрыть" будет вызываться функция closeMenu, которая должна содержать логику для закрытия меню.
const fn = () => {
  document.getElementById('burger-menu').classList.toggle("burger-hidden");
  document.getElementById('burger-button').classList.toggle("burger-icon-close");
}
document.querySelectorAll('.burger-icon').forEach(el=>el.addEventListener('click', fn))
Похожие вопросы