@Httdientee
<div class="this-flex">
<p>Тип материала</p>
<div class="block-btn">
<button data-cost="100" class="active">Глянцевая мелованная</button>
<button data-cost="200">Плотная матовая Xerox Colotech</button>
</div>
</div>
<div class="this-flex">
<p>Плотность бумаги</p>
<div class="block-btn">
<button data-cost="100" class="active">130 г/м</button>
<button data-cost="200">170 г/м</button>
<button data-cost="300">250 г/м</button>
</div>
</div>
Не могу сообразить как правильно сделать, мне нужно при нажатии на кнопку у которой нет класса active давать ей этот класс, а у кнопки которая уже имеет active убирать (при этом таких кнопок много, должна убираться именно та которая в одном столбце с кнопкой по которой был клик
Решения вопроса 1
@0xD34F
document.addEventListener('click', ({ target: t }) => {
if (t.dataset.cost) {
Array
.from(t.parentNode.children)
.forEach(n => n.classList.toggle('active', n === t));
}
});
2
комментария
Ответы на вопрос 0