[madeas]

Есть такой пример:

<style>
  #wrapper {
    width: 310px;
    height: 150px;
    background-color: #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #wrapper.hidden {
    background-color: black;
  }

  .project-image {
    width: 100px;
    height: 100px;
    background-color: #eee;
  }

  .fullImage {
    background-color: red;
  }

</style>


<div id="wrapper">
  <div class="project-image"></div>
  <div class="project-image"></div>
  <div class="project-image"></div>
</div>

<script>
  const prjcts = document.querySelectorAll('.project-image'),
    cases = document.querySelector('#wrapper');

  //- добавляем класс по клику

  prjcts.forEach(function(e) {
    cases.addEventListener('click', () => {
      e.classList.toggle('fullImage');

      console.log(prjcts)
      console.log(cases)

      //- проверяем наличие класса

      if (e.classList.contains('fullImage')) {
        cases.classList.add('hidden');
      } else {
        cases.classList.remove('hidden');
      }
    });
  });

</script>

При проверке наличия класса что-то не срабатывает. Подскажите, что упускаю? С утра тупильник...