0xD34F

Всё как обычно, вешаете делегированный обработчик клика, смотрите откуда события приходят:

document.addEventListener('click', function(e) {
  const t = e.target;
  if (t.matches('button.apply-button') && t.closest('blabla')) {
    // ...
  }
});

const colors = [
  'red', 'blue', 'magenta', 'green', 'yellow',
  'aqua', 'brown', 'silver', 'lime'
];

for (let i = colors.length; --i > 0;) {
  const j = Math.random() * (i + 1) | 0;
  [ colors[i], colors[j] ] = [ colors[j], colors[i] ];
}

document.querySelectorAll('.item').forEach((n, i) => {
  n.style.backgroundColor = colors[i];
});

fetch('https://api.github.com/gists/public')
  .then(r => r.json())
  .then(r => r.flatMap(n => Object
    .values(n.files)
    .map(({ filename, language, raw_url }) => ({ filename, language, raw_url }))
  ))
  .then(r => console.log(r))

$('.item').css('width', function() {
  return `${this.dataset.width}%`;
});

В обработчике события scroll определяйте индекс первого элемента, offset.top + height которого превышает текущее значение прокрутки, и подсвечивайте соответствующую кнопку.

https://jsfiddle.net/tr03ph2f/

Object.assign(users.find(n => n.id === id), user);

или, если неизвестно, есть ли объект с заданным id:

const u = users.find(n => n.id === id);
if (u) {
  Object.assign(u, user);
} else {
  // добавляем, например
  users.push({ ...user, id });
}

делегирование, конечно же

UPD.

const usersList = users.map(n => `${n.firstName} ${n.lastName} ${n.email}`);

или

const usersList = users.map(function(n) {
  return this.map(k => n[k]).join(' ');
}, [ 'firstName', 'lastName', 'email' ]);

Кому и какие классы будем добавлять:

const containerSelector = '.container';
const buttonSelector = 'button';
const activeContainerClass = 'btn-active';
const activeButtonClass = 'active';

Как будем добавлять:

$(document).on('click', buttonSelector, function(e) {
  const $button = $(this).toggleClass(activeButtonClass);
  $button
    .closest(containerSelector)
    .toggleClass(activeContainerClass, $button.hasClass(activeButtonClass))
    .find(buttonSelector)
    .not($button)
    .removeClass(activeButtonClass);
});

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

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const container = button.closest(containerSelector);
    container.querySelectorAll(buttonSelector).forEach(n => {
      n.classList[n === button ? 'toggle' : 'remove'](activeButtonClass);
    });
    container.classList.toggle(
      activeContainerClass,
      button.classList.contains(activeButtonClass)
    );
  }
});

$('#btn__AddEmployee').click(function() {
  const checked = $(this).prev().prop('checked');

  $('#table__Employee tbody').append(`
    <tr>
      <td>
        <input type="checkbox" ${checked ? 'checked="checked"' : ''}>
      </td>
    </tr>
  `);
});

или

document.querySelector('#btn__AddEmployee').addEventListener('click', e => {
  const input = document.createElement('input');
  input.type = 'checkbox';
  input.checked = e.target.previousElementSibling.checked;

  document
    .querySelector('#table__Employee tbody')
    .insertRow()
    .insertCell()
    .append(input);
});

Коротко:

const count = matrix.flat().reduce((acc, n) => (acc[n] = -~acc[n], acc), {});

Длинно:

const count = {};

for (const row of matrix) {
  for (const n of row) {
    if (!count.hasOwnProperty(n)) {
      count[n] = 0;
    }

    count[n]++;
  }
}

const getAndDel = (obj, ...keys) =>
  keys.reduce((acc, n) => (
    acc[n] = obj[n],
    delete obj[n],
    acc
  ), {});


const obj1 = { a: 1, b: 2, c: 3, d: 4 };
const obj2 = getAndDel(obj1, 'a', 'b');
const obj3 = getAndDel(obj1, 'c');

console.log(obj1); // {d: 4}
console.log(obj2); // {a: 1, b: 2}
console.log(obj3); // {c: 3}

if(axis === "x")
    ctx.moveTo((position + x0), yMax);
    ctx.lineTo((position + x0), (y0 - dec));
    ctx.stroke();
if(axis === "y")
    ctx.moveTo(x0, (yMax - position));
    ctx.lineTo(xMax, (yMax - position));
    ctx.stroke();

JS вам не Python. Фигурные скобки где?

this.insertAdjacentHTML('afterend', `
  <select>${arr.map(n => `
    <option value="${n.value}" ${n.selected ? 'selected' : ''}>
      ${n.text}
    </option>`).join('')}
  </select>
`);

или

const select = document.createElement('select');
arr.forEach(n => select.appendChild(Object.assign(document.createElement('option'), n)));
this.insertAdjacentElement('afterend', select);

или

const select = document.createElement('select');
select.append(...arr.map(n => new Option(n.text, n.value, false, n.selected)));
this.after(select);

const getWidths = data =>
  [].concat(data || []).reduce((acc, n) => {
    if (n.hasOwnProperty('width')) {
      acc.push(n.width);
    }
    acc.push(...getWidths(n.columns));
    return acc;
  }, []);

https://jsfiddle.net/jf0hsm6c/

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 надо класть не строки (как это сейчас происходит), а числа.