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

Question

[MIA]

Ребята всем привет! есть простое меню на Js

<div id="burger-button" class="burger-icon">
<span></span>
<span></span>
<span></span>
</div>  
<div id="burger-menu" class="burger-content burger-hidden">
<ul>
<li>Меню</li>
<li>Меню</li>
<li>Меню</li>
</ul>
<a>Закрыть</a> 
</div>

и JS

document.querySelector('.burger-icon').addEventListener('click', function() {
  document.getElementById('burger-menu').classList.toggle("burger-hidden");
  document.getElementById('burger-button').classList.toggle("burger-icon-close");
})

Как сделать чтобы и при нажатии на burger-icon и на ссылку Закрыть меню закрывалось?

Comments

[AUser0]

А <a class="burger-icon">Закрыть</a> разве не работает?

[MIA]

AUser0, неа)

https://codepen.io/alexreactor/pen/OJGoQyJ

[AUser0]

MIA, а, мда, ещё JS-код надо немножко поменять:

document.querySelectorAll('.burger-icon').forEach(el => {
  el.addEventListener('click', function() {
    document.getElementById('burger-menu').classList.toggle("burger-hidden");
    document.getElementById('burger-button').classList.toggle("burger-icon-close");
  })
});

Answer 1

[black1277]

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))

Comments

[black1277]

<a class="burger-icon">Закрыть</a>
класс burger-icon у ссылки должен быть ( как в примере на codepen.io)

[MIA]

СПАСИБО!! в жизни не догадаюсь