У меня нет

Покажи свой код)

_news.forEach(function(item){ item.onclick = function() { if (this.classList.contains('active_news')){ return false; } _news.forEach(function(item){ if ( item.classList.contains('active_news') ) { item.classList.remove('active_news'); } }); item.classList.add('active_news'); _news_desc.forEach(function(item){ item.style.opacity = 0; item.style.zIndex = -1; });

_news.forEach(function(item){ item.onclick = function() { if (this.classList.contains('active_news')){ return false; } _news.forEach(function(item){ if ( item.classList.contains('active_news') ) { item.classList.remove('active_news'); } }); item.classList.add('active_news'); _news_desc.forEach(function(item){ item.style.opacity = 0; item.style.zIndex = -1; });

Используй делегирования

Покажи свой код)

_news.map(item => { this.onclick = function() { if (this.classList.contains('active_news')){ return false; }

как-то так должно выглядеть?

Используй делегирования

^

Используй делегирования

this ?

this ?

Погугли слово делегирования js. Не нужно ставить онклик на каждый элемент

Погугли слово делегирования js. Не нужно ставить онклик на каждый элемент

в процессе уже)

Погугли слово делегирования js. Не нужно ставить онклик на каждый элемент

а вариант с map правильно написан?

_news.map(item => { this.onclick = function() { if (this.classList.contains('active_news')){ return false; }

этот

этот

Вместо this.onclick используй item.onclick

Но код все равно сложный

_news.forEach(function(item){ item.onclick = function() { if (this.classList.contains('active_news')){ return false; } _news.forEach(function(item){ if ( item.classList.contains('active_news') ) { item.classList.remove('active_news'); } }); item.classList.add('active_news'); _news_desc.forEach(function(item){ item.style.opacity = 0; item.style.zIndex = -1; });

два цикла в цикле которые отрабатывают на каждый онклик

не пиши больше

даже школьник на джейквери изобразит $('.news).on('click', function(evt){$(evt.target).toggleClass('active_news')})

даже школьник на джейквери изобразит $('.news).on('click', function(evt){$(evt.target).toggleClass('active_news')})

там же не тоггл, там 6 элементов, один выделен, по клику убирается рамка у всех, а для item добаваляется

Такое поведение с помощью event.target возможно реализовать?

если дилегированием делать, то думаю да, можно. Если перебором, то мне кажется, что нет

Такое поведение с помощью event.target возможно реализовать?

При клике убираем у всех элементов классы, потом добавляем текущему элементу класс active news

Глобально храним все элементы в массиве Потом создаём функции, который удаляет все классы у элементов. removeClass(elements, 'active_news')

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

там же не тоггл, там 6 элементов, один выделен, по клику убирается рамка у всех, а для item добаваляется

да прямо вообще на изичах

$('.news).on('click', function(evt){$('.news').removeClass('active_news'); $(evt.target).addClass('active_news')})

$('.news).on('click', function(evt){$('.news').removeClass('active_news'); $(evt.target).addClass('active_news')})

я имел ввиду чистый js

тут что грязный?

тут что грязный?

тут jq

ну коллеги тебе за твой чистый джс спасибо не скажут это точно

При клике убираем у всех элементов классы, потом добавляем текущему элементу класс active news

такой вариант? _buttons = document.querySelector('section.news .buttons'); active_button = document.querySelector('section.news .new'); _buttons.onclick = function(e) { target = e.target; while (target != this) { if (target.classList.contains('new')) { swit(target); return; } target = target.parentNode; } if (target.classList.contains('active_news')) return false; } function swit(target){ if (active_button) { active_button.classList.remove('active_news'); } active_button = target; target.classList.add('active_news'); }

но он еще сложнее выглядит чем первый, хотя и локаничней

как в vs code сделать так чтобы из вкладок "Проблемы", "Вывод" и т.д сразу была открыта вкладка "Терминал"?

@vs_code

_news.forEach(function(item){ item.onclick = function() { if (this.classList.contains('active_news')){ return false; } _news.forEach(function(item){ if ( item.classList.contains('active_news') ) { item.classList.remove('active_news'); } }); item.classList.add('active_news'); _news_desc.forEach(function(item){ item.style.opacity = 0; item.style.zIndex = -1; });

Вот на какие ужасы людей толкает отсутствие жквери)

Вот на какие ужасы людей толкает отсутствие жквери)

но это все-равно работает быстрее чем джей)

но это все-равно работает быстрее чем джей)

На сколько микросекунд? :)

_news.click(event => this.hasClass('active_news') && event.preventDefault()) _news.removeClass('active_news'); item.addClass('active_news'); _news_desc.css({opacity: 0, zIndex: -1});

_news_desc.css({opacity: 0, zIndex: -1

вот это рак

никогда так не делайте

_news_desc.css({opacity: 0, zIndex: -1

что за говно

Кажется, я триггернул жквери-хейтеров :)

индус стайл

но это все-равно работает быстрее чем джей)

Если там тысячи новостей на странице - то разница будет заметна, да. Но тогда экономящему на миллисекундах стоит задуматься, а что на одной его странице одновременно тысячи новостей и как это аукается конечному пользователю? Ему бедному будет уже плевать на миллисекунды

их там шесть

в каком именно движке и в какую сторону там будет разница

шесть на одной странице

Если шесть - вообще ни в какую. Тогда есть смысл задуматься только об одной экономии времени. Об экономии своего собственного времени, потраченного на написание дикого количества кода :)

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

вот этого человека жалко

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

следи за метлой

Суровая реальность состоит в том, что в веб-бизнесе первое слово за тем, кто платит деньги :) По словам 99% разработчиков, они все моментально разрывают отношения с негодяями-заказчиками и все как один работают исключительно на мудрых, хороших, удобных заказчиков. Послушаешь - можно подумать, что полный интернет таких заказчиков ) все находят )

следи за метлой

по братски от души https://github.com/samgozman/YoptaScript

по братски от души https://github.com/samgozman/YoptaScript

зачем ты мне даешь ссылку на свой карманный справоник? Я не просил

хаха йоптаскрипт

норм идея кстати

не юзабельная

но поржать норм

Я забыл разницу) но все используют map. Пока forEach не встречал)

вы прикалыватесь там? map возвращает преобразованный массив forEach перебирает массив и ничего не возвращает

вы прикалыватесь там? map возвращает преобразованный массив forEach перебирает массив и ничего не возвращает

Ты что такое пишешь, у нас чат профессиональных разработчиков! ))

Все всё отлично помнят, просто... подзабыли ))

используйте map - зачем писать на 4 символа больше?

вы прикалыватесь там? map возвращает преобразованный массив forEach перебирает массив и ничего не возвращает

Я же сказал, забыл) Это было утром

Подскажите, где нужно использовать weakSet?

ERROR: S client not available

Подскажите, где нужно использовать weakSet?

нигде

Тю, зачем тогда оно

нигде

на собеседованиях?))

во

нашлось применение

Ну ет само собой ))

Подскажите, где нужно использовать weakSet?

ну вообще в основном используют для хранения значений которые можно собирать garbage collector

то есть если твой weak set это единственное место где референсится объект - он будет собран сборщиком

Спасибо, будет что сказать собесе

подразумевает что другие значения так же не собираются когда на них нет ссылок

нет тут что-то другое

подразумевает что другие значения так же не собираются когда на них нет ссылок

нет, если ты сделаешь обычный set то оно не соберется

в смысле? там вест сет сразу соберется

То есть можно создать специально текучую переменную?

типо итерируешь и заодно выкидываешь не нужные ?

речь не о самом сете, а о его содержимом

а вообще по аналогии с плюсами наверное сокрытие данных

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

грубо говоря помещение объекта в weakset не увеличивает счетчик использования этого объекта

счетчик использования?

что-то новенькое

почитай про garbage collector

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

а вот что ты думаешь о этом интересно послушать

ты просто троллишь или что? был вопрос про weakset. ответ связан с garbage collector в js

weakset не мешает коллектору собрать свои значения

как реализован GC - на подсчете референсов или на mark&sweep - не важно

ну то есть создал виксет, коллектор запустился и тут же все оттуда поудалял?

зачем оно такое надо ?

например ты хочешь проверять существует ли что-то, но не хочешь чтобы эта проверка сама мешала собирать

например список дом элементов