М
Daniel
о тогда ок, перехожу
Size: a a a
2021 January 16
A
Ухх, запутался чето
K
Ребят нужен совет,если вдруг спросять на собесе про патерны програмирование подойдет ли такая статья или я ошибся с выбором статьи? https://habr.com/ru/company/ruvds/blog/450318/
K
есть такой список. у всех li стоит одинаковый класс, как сделать чтобы при нажатии например, на 1 элемент списка класс active добавлялся именно ему, а не всем эелементам (использую classList.toogle, но мб подскажите что то получше)
МВ
есть такой список. у всех li стоит одинаковый класс, как сделать чтобы при нажатии например, на 1 элемент списка класс active добавлялся именно ему, а не всем эелементам (использую classList.toogle, но мб подскажите что то получше)
пробегайся по ним с помощью forEach и вешай класс на конкретный айтем
FT
а у всех остальных не забудь актив убрать
K
а как он поймет какой именно?
МВ
а как он поймет какой именно?
в форИч задай параметром функции айтем и тогли класс у айтема
K
спасибо
K
а нужно ли тогда на итем в хтмл вешать onclick?
FT
вешаешь на элемент свою функцию которая перебирает лишки
FT
можно вешать обработчик только на ul но там придется проверять куда ты кликнул
МВ
а нужно ли тогда на итем в хтмл вешать onclick?
нет
K
опять не работает, ситуация та же
K
let item = document.querySelectorAll(".item__wrapper");
let liArr = [item];
function addClass(){
liArr.forEach( // перебираем все элементы массива array
function addClass( item ) {
document.querySelector(".item__wrapper").classList.toggle("active");
}
);
}
let liArr = [item];
function addClass(){
liArr.forEach( // перебираем все элементы массива array
function addClass( item ) {
document.querySelector(".item__wrapper").classList.toggle("active");
}
);
}
K
на item__wrapper висит onclick, который запускает фуенкцию add Class
K
на странице 3 элемента с классом item__wrapper
FT
кинул бы уже кодпен