Как лучше задать события когда много элементов?

Классное решение! Но почему бы не заменить

Object.prototype.hasOwnProperty.call(handlers, handlerName)

на
handlers.hasOwnProperty(handlerName)

Как лучше задать события когда много элементов?

Если я повешу событие на .chat то в event.currentTarget я получу именно .chat, а не нажатый элемент. Нажатый элемент я получаю при event.target

Вы видимо именно это имели в виду? Но тогда как мне понять что нажатый элемент это именно тот что мне нужен? Я знаю лишь способ с методом .closest()

Как сделать фильтрацию элементов?

fgehte, это не массив данных, это куча dom элементов.
При отмеченных чекбоксах просто менять функцию колбэк в методе filter

Как сделать фильтрацию элементов?

fgehte, Я же не вижу в каком формате данные у вас прилетают. По поводу фильтрации используйте метод filter

Почему оператор сложения + складывает массивы как строки?

Максим Зайцев, пустой массив это отдельная тема) Он равен 1, а не 0 как могу подумать

Почему оператор сложения + складывает массивы как строки?

Стася, операция сложения возможна с цифрами и со строками. JS не может привести массив к числу, а операцию сложения выполнить надо, поэтому он приводит его к строке и производит конкатенацию строк

Что поправить для появления ховера с разных сторон?

Объясните что вы хотите более корректно

Как отслеживать нажатие нескольких кнопок в форме одновременно?

Например

const wrapBtn = document.querySelector('.wrap-button');
wrapBtn.addEventListenner('click', () => {
  const btn = event.target.closest('[data-value]');
  if ( !btn) return;

  const tabValue = btn.dataset.value;
  ... код далее
});

Как отслеживать нажатие нескольких кнопок в форме одновременно?

Иван,

Например структура такая

.wrap-button
  .button(data-value="1")
  .button(data-value="2")
.wrap-tabs
  .tab(data-tab="1")
  .tab(data-tab="2")

В зависимости от data-value нажатой кнопки мы показываем tab с соответствующим значением data-tab

Как правильно реализовать local storage в тудулисте в стиле ООП, чтобы удалять элементы?

Очень понравилось ваше объяснение. Подскажите где можно почитать про подобные практические примеры о том что лучше что то в один класс, что то в другой.

Есть базовое понимание ОПП, но нету понимания когда создавать целый класс, а когда достаточно метода в другом классе.

Все примеры, что находил очень условные - с животными, тип вот класс "животные", а вот наследующий класс "осел" и т.д. Хотелось бы примеры из реальной практики. Какое то небольшое приложение, где классы, это формы, календари и т.д, а не крокодилы или зайцы

Как сверстать такой макет?

Я не предлагал его вырезать/вставлять. Блока достаточно одного. Я предложил добавлять/удалять класс у него тем самым перемещая (разметка на гридах позволяет это делать)

Не могу понять почему выдает ошибку (.length)?

Misha9914, Можно сюда https://jsfiddle.net/

Не могу понять почему выдает ошибку (.length)?

Misha9914, Вот цитата из вашего топика. Посмотрите на нее в теге код

var setupAnswerArray = function (word) {
// Возвращает итоговый массив для заданного слова
var answerArray=[];
for (var i=0; i answerArray[i]="_";
}
return answerArray;
};

Чувствуете что чего-то не хватает?

Не могу понять почему выдает ошибку (.length)?

Misha9914, Это не для решения вашей проблемы, а для того чтоб код нормально отобразился в этом топике

Kак добавить addeventlistener к кнопке, которая создается с помощью js?

khodos_dmitry, onclick удаляется все обработчики на элементе и добавляет обработчик клика. addEventListener не удаляет существующие обработчики на элементе, а добавляет к ним еще один

Eslint ругается на i в циклах?

Только вместо const - let. Если const, то i не будет меняться

Как в календарь создаваемый через скрипт добавить свои элементы?

За кодом это на фриланс. Могу подсказать направление мыслей:

в ваших скриптах где то инициализируется этот календарь, ниже этого нужно добавить код со вставкой нужных элементов.
Через хром девелопер смотрите в какие элементы вам надо вложить ваши блоки, ищите их по селекторам и добавляете.

Если добавление блока зависит от даты, то ищете блок с нужной датой и вставляете туда

Как заменить размеры слайдера с "px" на относительные единицы?

Goldbergg, с свойствах инстанса класса

Как сверстать такой layout?

Разделить результаты на два блока. Где карты нет - сделайте разметку флексами и гридами и не забудьте для этого блока указать overflow: auto; и максимальную высоту не превышающую 100vh - высота хедера и поисковой строки

Всплывающая боковая панель, как сделать скролинг?

Антон Вебсайтовский, не видно сам скролл, но скроллинг работает