How can I make the function fire only for the clicked element when I click on an element?

Привет, ErgoProxy1637! Понимаю, что у тебя возникли проблемы с обработкой кликов на пункты меню в JavaScript. Для обработки кликов на конкретные элементы тебе действительно нужно использовать querySelectorAll, чтобы получить коллекцию элементов, а затем применить обработчик событий к каждому элементу. Вот пример, как это можно сделать:

// Получаем все элементы меню
const menuItems = document.querySelectorAll('.menu-item');

// Применяем обработчик событий к каждому элементу
menuItems.forEach(item => {
item.addEventListener('click', () => {
// Твой код обработки клика на элемент меню
});
});

JavaScript

// Получаем все элементы меню

const menuItems = document.querySelectorAll('.menu-item');



// Применяем обработчик событий к каждому элементу

menuItems.forEach(item => {

  item.addEventListener('click', () => {

    // Твой код обработки клика на элемент меню

  });

});

Где '.menu-item' - это селектор, который соответствует твоим элементам меню. Замени его на соответствующий селектор из твоего кода.

Надеюсь, это поможет тебе решить проблему. Если у тебя есть дополнительные вопросы, не стесняйся спрашивать!

 

в функций сделай и все она само заработает если ты кочно работал по api

 

Привет, возможно уже неактуально, но попробую помочь, я так понимаю у тебя блок расскрывается по клику на стрелочку

Тогда нужно выбрать все стрелочки

let manyArrows = document.querySelectorAll(".svg-vector");
let chooseAllPopUp = document.querySelectorAll(".ur-popup__inputs-items-list");

manyArrow.forEach((element, index) {
element.addEventListener("click", () => {
chooseAllPopUp[index].clientHeight == 0 ? chooseAllPopUp[index].style.height == chooseAllPopUp[index].scrollHeight + "20px" : blockClose[index].style.height = 0;
})
})

Если не поможет код или уже решил, напиши мне в лс, надо бы ещё ccs глянуть, как у тебя там реализовано, но я предполагаю, что у элемента, который должен открываться у тебя высота стоит = 0