Как можно улучшить следующий код на JS для создания меню на сайте, чтобы сделать его более современным? Версия кода ниже работает, добавляя два динамических класса для двух разных блоков при клике, но сообщается на форуме, что этот код устарел. Какой метод обновления кода вы бы порекомендовали? <br/> <pre><code class="javascript">const menu = document.querySelector('.burger-menu').onclick = function() {
document.querySelector('.menu__list').classList.toggle('active-menu')
document.querySelector('.burger-menu').classList.toggle('active');
};</code></pre>
Для обновления кода на JavaScript до более современной версии вы можете использовать новые возможности языка, такие как стрелочные функции, методы querySelector и classList. Также можно использовать метод addEventListener вместо присвоения обработчика события через свойство onclick.
Ниже приведен пример улучшенного кода для создания меню на сайте:
```javascript
const menu = document.querySelector('.burger-menu');
menu.addEventListener('click', function() {
document.querySelector('.menu__list').classList.toggle('active-menu');
menu.classList.toggle('active');
});
```
Этот код использует метод addEventListener для добавления обработчика события 'click' на элемент '.burger-menu'. Теперь это более современный способ добавления событий и работа с классами элементов. Кроме того, он использует переменную menu для хранения ссылки на элемент '.burger-menu', что делает код более читаемым и модульным.
Подскажите пожалуйста как переписать код на более современный код JS.
Зачем?
нашел такой код он работает, при клике добавляет 2 динамических класса на 2 разных блока
Не добавляет, а переключает .
но пишут на форуме что код устаревший
На заборе пишут, что пора прыгать из окна.
Как исправить?
addEventListener()