Как по клику удалять/добавлять класс?

Question

[Dmitr66]

https://codepen.io/katerina-shmidt/pen/MWgRdde#_=_
Как повесить активный класс на большие блоки при клике по маленьким (сейчас срабатывает только один раз)

Answer 1

[Дмитрий Карпов]

Попробуй classList.toggle(".class")

let blocks = document.querySelector('.blocks');
let block = document.querySelectorAll('.block');
let bigBlock = document.querySelector('.big-block');
let blackbigBlock = document.querySelector('.blackbig-block');

blocks.addEventListener('click', e => {
  if (!e.target.classList.contains('block')) {
    return;
  }
	[...block].forEach(el => {
		el.classList.toggle('active');
	});
	
  //e.target.classList.add('active');
  blackbigBlock.classList.toggle('active');
  bigBlock.classList.toggle('active');
});