0xD34F

Вместо .filter-values класс лучше переключать у их самых дальних не общих предков, т.е., у .material-block. В этом случае не надо искать внутри контейнера элемент, у которого должен быть переключен класс, а если в будущем захотите внутри открытого .material-block стилизовать ещё какой-то элемент, то не придётся переписывать js-код.

Так что стили немного поправим:

- .material-block .filter-values.open {
+ .material-block.open .filter-values {

У кого надо переключать класс, по клику на какой элемент внутри надо переключать класс, что за класс:

const containerSelector = '.material-block';
const buttonSelector = `${containerSelector} .catalog-filter-block-title`;
const activeClass = 'open';

Вот jquery, как вы и хотели:

$(document).on('click', ({ target: t }) => {
  const $container = $(t).closest(containerSelector);
  const $button = $(t).closest(buttonSelector);

  if ($button.length) {
    $container.toggleClass(activeClass);
  }

  $(containerSelector).not($container).removeClass(activeClass);
});

Или, к чёрту jquery:

document.addEventListener('click', ({ target: t }) => {
  const container = t.closest(containerSelector);
  const button = t.closest(buttonSelector);

  if (button) {
    container.classList.toggle(activeClass);
  }

  document.querySelectorAll(containerSelector).forEach(n => {
    if (n !== container) {
      n.classList.remove(activeClass);
    }
  });
});

Во-первых - вы пытаетесь работать с элементами, которых нет (это я про .expanded). Гуглите "делегирование".

Во-вторых - поскольку в разные моменты времени поведение должно быть разным, click(false) не годится в качестве отмены действия по умолчанию - надо сделать нормальный обработчик, в котором выполнять preventDefault. Типа так (ну или тоже через делегирование, но это как-то глупо будет выглядеть - два обработчика одного события, хотя мог бы быть и один).

$('.break-word').html((i, html) => {
  const [ a, b, c ] = html.split(' ');
  return `${a} ${b}<br>${c}`;
});

или

document.querySelectorAll('.break-word').forEach(n => {
  n.innerHTML = n.innerText.replace(/(.+ .+) /, '$1<br>');
});

почему-то не отрабатывает ни один из хуков

Вот ведь чудеса какие. А может эти хуки, ну они, как бы это сказать... это самое... А ВДРУГ ИХ НЕТ??!

Идём на гитхаб, смотрим чо как - действительно, нет. И нет давно - с февраля позапрошлого года. Там же, на гитхабе, смотрим актуальную версию API. Если я правильно понял - то, что вам нужно называется onHasTask. Исправляем код, и...

Object.entries(comments).reduce((acc, [ k, v ]) => v.parent === null ? { ...acc, [k]: v } : acc, {})

или

Object.values(comments).reduce((acc, n) => (n.parent === null && (acc[n.id] = n), acc), {})

<button class="click-count">click me</button>
<button class="click-count">click me</button>
<button class="click-count">click me</button>

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('click-count')) {
    t.innerText = (t.innerText | 0) + 1;
  }
});

// или

const onClick = e => e.target.textContent = -~e.target.textContent;
document.querySelectorAll('.click-count').forEach(n => n.addEventListener('click', onClick));

Есть 3 блока, которые хранятся в массиве
let block = document.querySelectorAll(".block");

NodeList - это не массив.

const index = Array.prototype.indexOf.call(block, e.target);

или

const index = [...block].findIndex(n => n === e.target);

или

let index = block.length;
while (index-- > 0 && block[index] !== e.target) ;

$('blockquote').html((i, html) => html.replace(/(©)(.*)$/, '$1<cite>$2</cite>'));

или

const el = document.querySelector('blockquote');
const html = el.innerHTML;
const index = html.indexOf('©') + 1;
el.innerHTML = `${html.slice(0, index)}<cite>${html.slice(index)}</cite>`;

или

const el = document.querySelector('blockquote');
el.innerHTML = el.innerHTML
  .split('©')
  .map((n, i) => i ? '<cite>' + n + '</cite>' : n)
  .join('©');

выдаёт неправильную дату

А чем она неправильна? Я бы предположил, что проблема здесь:

let ts = 1539338750;

Какое-то подозрительно небольшое число. Порядка так на три меньше, чем надо - если речь идёт о датах околосегодняшних. Может, вы секунды и миллисекунды перепутали?

Смысл тут такой - не надо считать повторно то, что вы уже считали. А именно - все эти суммы степеней и сами степени. Каждая следующая сумма - это предыдущая сумма плюс ещё одно значение, следующая степень - произведение предыдущей и основания:

function movie(card, ticket, perc) {
  let count = 0;
  let price = ticket;
  let sum = card;

  while (Math.ceil(sum) >= ticket * count) {
    count++;
    price *= perc;
    sum += price;
  }

  return count;
}

Заменить интервал на рекурсивный таймаут:

(function timeout() {
  if (--container.textContent > to) {
    setTimeout(timeout, rand(1000, 4000));
  }
})();

+str.match(/\d+$/).pop()

const arrayToObject = (array) => {
  array.reduce(...

Надо добавить return или убрать фигурные скобки.

{id: '1', content: 'Some stuff'},

obj[item._id] = item

Почему в первом случае у id подчёркивания нет, а во втором есть? - ведь это один и тот же id, вроде как.

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

Давайте решим задачу в более общем виде, пусть ключами будут не обязательно id, а что угодно - добавим второй параметр, функцию, которая принимает элемент массива и возвращает ключ, под которым значение будет записано в объект; само значение аналогично - не обязательно элемент массива, тоже решаем этот вопрос через дополнительный параметр:

const arrToObj = (arr, key, val = n => n) =>
  arr.reduce((acc, n) => (acc[key(n)] = val(n), acc), {});


const obj1 = arrToObj(array, n => n.id);
const obj2 = arrToObj(array, n => n.id, n => n.content);

const $content = $('.video');
const $headers = $('.video-links a').on('click', function() {
  const href = $(this).attr('href');
  $headers.removeClass('active').filter(this).addClass('active');
  $content.addClass('video-off').filter(href).removeClass('video-off');
});

или

const content = document.querySelectorAll('.video');
const headers = document.querySelectorAll('.video-links a');

headers.forEach(n => n.addEventListener('click', onClick));

function onClick({ target: t }) {
  const href = t.getAttribute('href');
  headers.forEach(n => n.classList.toggle('active', n === t));
  content.forEach(n => n.classList.toggle('video-off', !n.matches(href)));
}

Объявление DeliveryCalculator - перенесите его выше объявления переменной calculator, или замените function expression на function declaration.

UPD. У вас там в конструкторе вызывается метод, добавленный в прототип... Переносите выше всё, не только объявление функции, но и модификацию её прототипа.

arr1.filter(n => arr2.includes(n)).length !== 0

// или

arr1.some(function(n) {
  return this.has(n);
}, new Set(arr2))

// или

new Set([ ...arr1, ...arr2 ]).size < new Set(arr1).size + new Set(arr2).size

UPD. Наконец-то дождались:

!!new Set(arr1).intersection(new Set(arr2)).size

if ([ 1, 2, 3, 4 ].includes(new Date().getDay())) {
  // показываем окно
}

var num = 3; 

for (var i = 1; i <= num; i++) {
  for (var j = 0; j < num; j++) { 
    process.stdout.write(`${i * num - j}\t`);
  }
  process.stdout.write('\n');
}

Оберните имя города в span, чтобы было так:

<div id="city">
  <img src="img/flag-m.png" />
  <span>Москва</span>
</div>

Сама подстановка значений:

document.querySelector('ul').addEventListener('click', e => {
  const li = e.target.closest('li');
  if (li) {
    document.querySelector('#city img').src = li.dataset.gerb;
    document.querySelector('#city span').textContent = li.dataset.city;
  }
});

// или

document.querySelectorAll('li').forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick({ target: { dataset: { city, gerb } } }) {
  document.querySelector('#city img').src = gerb;
  document.querySelector('#city span').textContent = city;
}

Надо передавать в removeEventListener ту же функцию, что вы передавали в addEventListener. То есть, все color.bind(null, i) надо сохранить - в какой-нибудь массив, например.

Однако, раз вы используете bind ради передачи индекса, можно поступить иначе - уберите bind, вместо этого назначайте элементам атрибут, значение которого затем надо будет достать из целевого элемента внутри вашего color'а.

А на самом деле, не надо ничего - ни bind, ни дополнительных атрибутов, индекс вообще передавать не надо. Вы ведь используете индекс для того, чтобы обратится к элементу, на котором и произошёл клик. Он будет доступен в обработчике как this и как event.target (event.currentTarget, если клик был на дочернем элементе).