0xD34F

function getDatesIntervalStr(dates) {
  const dateParts = d => ({ year: d.year(), month: d.format('MMMM') });
  const start = dateParts(dates[0]);
  const end = dateParts(dates[dates.length - 1]);

  if (start.year !== end.year) {
    return `${start.month} ${start.year} - ${end.month} ${end.year}`;
  } else if (start.month !== end.month) {
    return `${start.month} - ${end.month} ${end.year}`;
  } else {
    return `${end.month} - ${end.year}`;
  }
}

const output = data
  .map(n => `
    <div>
      <h2>${n.univ} (${n.sotr.length})</h2>
      <ul>${n.sotr.map(m => `
        <li>
          <h3>${m.name}</h3>
          <h3>${m.grade}</h3>
        </li>`).join('')}
      </ul>
    </div>`)
  .join('');

<div class="colors">
  <div class="color" data-color="blue">Blue</div>
  <div class="color" data-color="red">Red</div>
  <div class="color" data-color="pink">Pink</div>
</div>

let selectedTD = null;

const $colors = $('.colors').on('click', '.color', function() {
  $(selectedTD).css('backgroundColor', this.dataset.color);
  selectedTD = null;
  $colors.hide();
}).hide();

$('table').on('click', 'td', function() {
  selectedTD = selectedTD === this ? null : this;
  $colors.toggle(!!selectedTD);
});

...или есть какой-то скрытый от меня смысл?

Есть:

It will handle cases with Symbol.toPrimitive correctly and throw correctly if template literal expression is a Symbol(). See babel/babel#5791.

if (winnerCombination.some(n => n.every(m => filledX.includes(m)))) {
  ...

Точно так же проверяется и filledO (можно сделать функцию, которая будет принимать массив для проверки).

Ну и конечно в filledX/filledO надо класть не строки (как это сейчас происходит), а числа.

Сначала надо данные select'ов сложить во вложенную структуру, подобную текущему списку: массив объектов, каждый из которых содержит значение пункта select'а и аналогичный массив, описывающий следующий select.

Изначально доступен только первый select (остальные скрыты, неактивны, не имеют option'ов или их вообще нет).

При выборе значения в select'е все select'ы, которые расположены за ним - удаляются, скрываются, деактивируются или обнуляются. Из оставшихся извлекаются значения, которые используются для поиска массива, описывающего следующий select. Берём одно значение, ищем в массиве данных select'ов объект с соответствующим значением. Нашли - берём следующее значение и вложенный массив найденного объекта. Повторяем до тех пор, пока значения не закончатся. Последний полученный массив используется для создания или заполнения option'ами следующего select'а - если он (массив) есть и непустой. В противном случае было выбрано значение в последнем возможном select'е, можно на основе полного комплекта значений предпринять какое-то действие.

https://jsfiddle.net/uy3t4d1b/

В currentImg лежит строка. Соответственно, и при сложении тоже строка получается. То есть, номер слайда, к которому вы пытаетесь перейти, вместо 2 оказывается 11.

В качестве заплатки на скорую руку можно преобразовывать значение к числу:

this.currentImg = Math.min(+this.currentImg + 1, this.maxImages - 1);

Ну а по-хорошему - вам следует разобраться, почему там строка вместо числа, и исправить это.

$('#results').on('change', 'tr', function(e) {
  console.log(e, $(this).data('xxx'));
});

function displayLine(data) {
  $('#results').append($(`
    <tr>
      <th scope="row">${importLines.length}</th>
      <td><input class="checkbox" type="checkbox"></td>
      <td>${data[0]}</td>
      <td>${data[2]}</td>
      <td>${data[11]}</td>
      <td id="status-${data[0]}"><b><span style="color: orange">PENDING</span></b></td>
    </tr>
  `).data('xxx', data));
}

arr.propertyIsEnumerable(length)
// => true

Вы тут не свойство length проверяете, а свойство, чьё имя совпадает со значением переменной length - и что у вас в ней лежит, да хрен его знает. Может быть число, соответствующее какому-то индексу массива - тогда неудивительно, что получаете true.

UPD. Могу предположить, что за length там у вас - если вы сами её не объявляли, это window.length.

При каждом ресайзе у вас вызывается sandwitch, в котором назначается обработчик клика. Отресайзили окно 10 раз - вот вам 10 обработчиков.

Не очень понятно, зачем вообще тут нужно отслеживать ресайз - вешайте обработчик сразу, и уже внутри него проверяйте ширину окна, как-то так:

$(document).on('click', '.sandwitch', function () {
  if ($(window).width() < 520) {
    $(this).toggleClass('sandwitch--active');
    $('.main-menu-list').slideToggle();
  }
});

Ну так вы же полностью переписываете объект:

state = {
    field: newField,
    currentPlayer: newPlayer
};

Где тут свойство winnner? Не вижу. А-у-у-у, winner, ты где? Нет никого.

Может, вы хотели объект дополнить? Типа, Object.assign(state, { ... }).

function foo(...args) {
  console.log(args[N]);
}

или

function foo() {
  console.log(arguments[N]);
}

или

function foo(...{ [N]: x }) {
  console.log(x);
}

Получаем коллекцию элементов, вызываем конструктор для каждого из них:

const cards = Array.from(
  document.querySelectorAll('[data-component="card"]'),
  n => new Card(n)
);

Можно спрятать это дело в сам конструктор - пусть возможным типом параметра будет не только элемент, но и строка. В этом случае подменяйте возвращаемое значение:

constructor(el) {
  if (typeof el === 'string') {
    return Array.from(document.querySelectorAll(el), n => new Card(n));
  }

  // дальше всё по-старому

И тогда можно будет делать так:

const cards = new Card('[data-component="card"]');

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

Подозреваю, что виноват ".parents()"

И? Никак свои подозрения проверить не попытались? Можно же было посмотреть, что parents возвращает (и чем в результате оказываются prevBtn/nextBtn). Или прочесть об этом в документации.

Меняйте его на .closest('.block') или .parent().next('.slider-btns').

const table = $(this).closest('table').DataTable();

<input type="text" value="0.00">

document.querySelector('input').addEventListener('keypress', function(e) {
  e.preventDefault();
  this.value = this.value.replace(/(0)(?!.*\1)/, e.key);
});

Запоминать последний вызов и резолвить только его?

const index = arr.findIndex(n => n.id === id);
if (index !== -1) {
  arr.splice(index, 1);
}

или, если нужен новый массив:

const newArr = arr.filter(n => n.id !== id);

Если же id имеют не уникальные значения, то создание нового массива остаётся без изменений, а модификация существующего может выглядеть так:

for (let i = 0; i < arr.length; i++) {
  if (arr[i].id === id) {
    for (let j = i--; ++j < arr.length; arr[j - 1] = arr[j]) ;
    arr.pop();
  }
}

или так:

arr.reduceRight((_, n, i, a) => n.id === id && a.splice(i, 1), null);

или так:

arr.splice(0, arr.length, ...arr.filter(n => n.id !== id));

или так:

arr.length -= arr.reduce((acc, n, i, a) => (
  a[i - acc] = n,
  acc + (n.id === id)
), 0);

<input type="range" min="20" max="200" value="100">
<img src="...">

document.querySelector('input').addEventListener('input', function() {
  document.querySelector('img').style.filter = `brightness(${this.value}%)`;
});

https://codepen.io/anon/pen/ZNgoBL?editors=1010

$(this).closest('tr').index()

В обработчике start это будет индекс перемещаемого элемента; в drop, соответственно - куда переместили.