Здравствуйте. Есть вот такой код
<div class="service-title-favourites">
<div class="fav-text not">
<h1 class="fav-main">Список избранного пуст</h1>
<p class="fav-down">Добавляйте изображения, нажимая на звездочки</p>
</div>
</div>
Нужно написать на javascript код, чтобы эта надпись пропадала, когда список не пустой.
У меня получилось только что-то подобное
const not = document.querySelector('.fav-text')
not.addEventListener('click', (event) => {
const target = event.target
console.log(event.target)
target.classList.toggle('not')
})
Не пойму, как сделать, чтобы без click все работало. Суть в том, что из другого блока в этот попадают блоки при клике на них. И надпись должна исчезать.
