Что делает часть кода в примере?

Question

[Iana S]

Нашла пример аккардеона, разобрала код JS
Но никак не могу понять, откуда взялосьitem в 8 строчке
Объясните, пожалуйста, что делает код с 8 по 13 строчку
https://codepen.io/maxfrolov/pen/abOKzKO

ps и откуда взялся question на 19 строчке?

Comments

[hellcaster]

Где код?

[Steppp]

Скорей всего item это кнопка раскрывающая/закрывающая блок! А там хз, гадать можно вечно)

[Iana S]

hellcaster,
прикрепила ссылку
https://codepen.io/maxfrolov/pen/abOKzKO

[Eugen]

let items = accordion.querySelectorAll('.accordion__item');

перебор всех items

[Iana S]

malente, не поняла..
Вы пишите перебор всех itemS , а в коде item
как это работает?(

[Alex_mos]

Перебирает полученные <li>accordeon_items</li>
И как я понимаю при нажатии на определенный item, добавляет класс active

[Eugen]

Iana S, item это переменная в функции, где ведется подсчёт элементов. вы её хоть попугаями назовите, всё отработает как надо.

Answer 1

[hzzzzl]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://learn.javascript.ru/arrow-functions-basics

let items = accordion.querySelectorAll('.accordion__item');

// другими словами вот так вот
  items.сделать_с_каждым(function это_действие(item) {  

    if (thisItem == item ) {
      // если кликнули тут
      thisItem.classList.toggle('active');
      return;
    } 

    // кликнули по другому
    item.classList.remove('active');

  });

откуда взялся question на 19 строчке?

то же самое, .forEach() и стрелочные функции из ссылок выше

Comments

[Iana S]

Спасибо! Все поняла)