0xD34F

const dropdown = document.querySelector('.dropdown-el');
const activeClass = 'expanded';

dropdown.addEventListener('click', e => {
  e.preventDefault();
  e.stopPropagation();
  e.currentTarget.classList.toggle(activeClass);
  e.target.previousElementSibling.checked = true;
});

document.addEventListener('click', () => dropdown.classList.remove(activeClass));

const createNestedObj = plainObj =>
  Object.entries(plainObj).reduce((acc, [ path, val ]) => {
    const keys = path.split('.');
    const key = keys.pop();
    keys.reduce((p, c) => p[c] ??= {}, acc)[key] = val;
    return acc;
  }, {});

Элементы массива priceData - объекты, а объекты не копируются при передаче в функцию в качестве параметров и возврате из функции. Поэтому priceList у вас содержит те же объекты, что и исходный массив. Копируйте их вручную:

priceData.map(n => ({
  ...n,
  services: n.services.filter(m => m.name.toLowerCase().includes('вакцина')),
}));

str.split(' ').map(n => +n)

// или

str.split(/[^\d\-]/).map(n => n - 0)

// или

str.match(/-?\d+/g)?.map(Number) ?? []

// или

Array.from(str.matchAll(/\S+/g), parseFloat)

// или

JSON.parse(`[${str.replaceAll(' ', ',')}]`)

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  obj.quantity += newObj.quantity;
} else {
  arr.push({ ...newObj });
}

Object.values(arr.reduce((acc, n) => {
  if (n) {
    const k = n[0];
    acc[k] = acc[k]?.length > n.length ? acc[k] : n;
  }

  return acc;
}, {}))

UPD. Чего на самом деле надо было:

"пик" это элемент массива с длиной больше чем предыдущий элемент и следующий

arr.filter((n, i, a) => a[i - 1]?.length < n.length && n.length > a[i + 1]?.length)

$('.link').parents('li').children('a').css('color', '#f00');

const input = document.querySelector('.inputprice');
const container = document.querySelector('.inner');
const itemSelector = '.box';
const buttonSelector = `${itemSelector} .btn`;
const valueSelector = `${itemSelector} .box-title`;

container.addEventListener('click', ({ target: t }) => {
  const item = t.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    input.value = item.querySelector(valueSelector).innerText;
  }
});

// или

const onClick = el => input.value = el.textContent.trim();

container.querySelectorAll(buttonSelector).forEach(function(n, i) {
  n.addEventListener('click', onClick.bind(null, this[i]));
}, document.querySelectorAll(valueSelector));

.comment-item.active .comment-item__form {
  display: block;
}

const itemSelector = '.comment-item';
const buttonSelector = '.comment-item__reply';
const activeClass = 'active';

document.addEventListener('click', e => {
  const item = e.target.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    document.querySelectorAll(itemSelector).forEach(n => {
      n.classList.toggle(activeClass, n === item);
    });
  }
});

const numChunks = 6;
const chunkLen = arr.length / numChunks | 0;
const chunks = Array.from({ length: numChunks }, (n, i) => {
  return arr.slice(i * chunkLen, i === numChunks - 1 ? arr.length : (i + 1) * chunkLen);
});

Во-первых - всё срабатывает. Попытайтесь осознать разницу между "не срабатывает" и "срабатывает не так, как ожидается".

Во-вторых - обработчик остаётся висеть потому, что вы передаёте в removeEventListener не то, что передавали в addEventListener. Смотрите сами:

document.addEventListener('click', clickerOut(parent));

document.removeEventListener('click', clickerOut);

clickerOut(parent) и clickerOut - это что по-вашему, одно и то же? Никак нет.

Исправляем:

function clickerOut(parent) {
  return function handler(e) {    
    ...
    document.removeEventListener('click', handler);
  }
}

Формат данных конечно просто ублюдочный.

Сперва соберём нормальный массив объектов вместо этого позорища:

const arr = Object
  .entries(obj)
  .reduce((acc, [ k, v ]) => (
    k = k.match(/([a-z]+)(\d+$)/),
    (acc[k[2]] ??= {})[k[1]] = v,
    acc
  ), []);

Затем посчитаем, у кого чего сколько:

const os = Object.fromEntries(arr.map(n => [ n.system, 0 ]));
const count = arr.reduce((acc, n) => ((acc[n.name] ??= { ...os })[n.system]++, acc), {});

Ну и выведем результаты:

console.log(Object
  .entries(count)
  .map(n => `${n[0]}: ${Object.entries(n[1]).map(m => m.join(' - ')).join(', ')}`)
  .join('\n')
);

От того, что вы удалили класс, обработчик события никуда не девается.

Сделайте однократно срабатывающий обработчик события:

$('.el1--closed').one('click', function() {
  $(this)
    .siblings()
    .slideToggle();
});

Или, вешайте делегированный обработчик:

$('.block').on('click', '.el1--closed', function() {
  $(this)
    .removeClass('el1--closed')
    .siblings()
    .slideToggle();
});

arr.reduce((acc, n) => {
  const { x, y } = acc[acc.length - 1] || {};
  for (let i = 1; n.x - x - i >= 1; i++) {
    acc.push({ x: `${+x + i}`, y });
  }

  acc.push({ ...n });

  return acc;
}, [])

кнопка будет disabled, если все три поля input будут пустые и наоборот, если все поля заполнены, то кнопка станет enabled

А если поля заполнены, но не все - одно или два? Это получается какое-то третье состояние, которого у кнопки быть не может. Вам следует больше внимания уделять формулировкам стоящих перед вами задач. "Наоборот" для "все пустые" - это "хотя бы одно заполнено":

const button = document.querySelector('селектор кнопки');
const inputs = [...document.querySelectorAll('селектор инпутов')];
const onInput = () => button.disabled = inputs.every(n => !n.value);
inputs.forEach(n => n.addEventListener('input', onInput));
onInput();

И, аналогично, для "все заполнены" - "хотя бы одно пустое", вместо every будет some.

$('.cart_qty').change(({ target: t }) => {
  $(t)
    .closest('селектор блока с товаром')
    .find('.shopcart__item-total')
    .text(function() {
      return t.value * this.dataset.price;
    });
});

или

document.querySelectorAll('.cart_qty').forEach(n => n.addEventListener('change', onChange));

function onChange({ target: t }) {
  const total = t.closest('селектор блока с товаром').querySelector('.shopcart__item-total');
  total.innerText = t.value * total.dataset.price;
}

Перебрать элементы, выдернуть оттуда нужные данные, склеить в строку:

Array.from(navigator.plugins, n => n.name).join(', ')

Потому что кто-то не понимает разницы между собственно функцией и результатом её вызова. Вот же позорище.

Оборачивайте вызов функции в другую функцию. Или bind используйте. Или разберитесь, что принимают обработчики событий в качестве параметра, и перепишите функцию так, чтобы не надо было ей передавать элементы btnNextLevel.

function xxx(key) {
  let val = entityTree[key];
  const nextKey = Array.isArray(val) && (val = [...val], val.pop());
  return val ? [].concat(key, val, xxx(nextKey)) : [];
}

/[А-ЯЁ ]/i.test(str)