(min-width: 1024px)
(max-width: 1023px)
document.querySelectorAll('.button').forEach(button => {
button.addEventListener('click', () => {
button.toggleClass('active');
});
});
document.querySelectorAll('.button').forEach(button => {
button.addEventListener('click', event => {
event.target.toggleClass('active');
// Или так, если есть вложенные элементы
// event.target.closest('.button').toggleClass('active');
});
});