Суть какая вобще, нужно исходя из доки потом патерн  повторять и по другому менять местами нельзя?

Ок, а что если будет 3 параметр (entiries, observer, 3 тий параметр) => . Как в это вникнуть? Ничего в этом не понимаю.
Наконец хоть годные видео где все по слогам разбирают нашел

Или какая суть этих параметров? Это просто значение которое хранит информацию беря данные из массива и т.д данных? Тоесть типо, динамическая переменная так сказать?

подскажите, почему click срабатывает два раза?
document.querySelectorAll('.multiple-list-item').forEach(item => {
 item.addEventListener( "click", function ( e ) {
   console.log('test');
   let target = e.target.closest('li');
   target.classList.toggle('active');
 });
});

<ul class="multiple-list">
<li class="multiple-list-item">
 <input type="checkbox" id="item_1" value="value1">
 <label for="item_1"><i></i><a href="">value1</a></label>
</li>
...

так загуглите доку по IntersectionObserver - там всё будет

какие параметры и в каком порядке

зачем вам closest li, если вы изначально событие вешаете на li?

ну и по коду не выглядит, будето тут 2 раза должно срабатывать. или я не вижу, по крайней мере

нужно искать проблему в других обработчиках?

ну как вы определили, что два раза срабатывает? в чём это выражается?

как такую же сделать ?

test выводится два раза при клике

или только фотошоп ?

закиньте в песочницу - посмотрим

Просто осветление div через фильтры

не понел

так ты нормально объясни тебе нужно закругление или прозрачность

вот код

что вы за люди