0xD34F

document.addEventListener('click', e => {
  const link = e.target.closest('a');
  if (link) {
    e.preventDefault();
    link.style.display = 'none';
    setTimeout(() => window.location = link.href, 2000);
  }
});

Установка свойства checked не приводит к возникновению события change, так что его следует создавать самостоятельно - добавьте .trigger('change') после вызова prop.

Сделаем функцию, которая нарезает массив на куски указанного размера:

const getChunks = (arr, chunkSize) =>
  Array.from(
    { length: Math.ceil(arr.length / chunkSize) },
    (n, i) => arr.slice(i * chunkSize, (i + 1) * chunkSize)
  );

// или

const getChunks = (arr, chunkSize) =>
  arr.reduce((acc, n, i) => (
    i = i / chunkSize | 0,
    (acc[i] = acc[i] || []).push(n),
    acc
  ), []);

// или

const getChunks = (arr, chunkSize) =>
  arr.reduce((acc, n, i) => (
    (i % chunkSize) || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), []);

Ну и воспользуемся ею:

const arr = [...Array(50).keys()];
const chunks = getChunks(arr, 7);

Как получить элементы:

const links = document.querySelectorAll('a');
// или
const links = document.getElementsByTagName('a');

Как достать значение атрибута:

const getHref = el => el.getAttribute('href');
// или
const getHref = el => el.attributes.href.value;

Как собрать массив значений:

const hrefs = Array.from(links, getHref);

// или

const hrefs = Array.prototype.map.call(links, getHref);

// или

const hrefs = [];
for (const n of links) {
  hrefs.push(getHref(n));
}

// или

const hrefs = [];
for (let i = 0; i < links.length; i++) {
  hrefs[i] = getHref(links[i]);
}

Ведь у пустого массива есть численное представление: +[] вернет 0.

И что с того? В выражении false+[] нет преобразования массива в число. Есть сложение - массив преобразовывается в строку, false тоже. Если интересуют детали - можете ознакомится со спецификацией.

Как-то всё у вас до хрена усложнено, просто мрак какой-то. Можно же гораздо проще:

<div id="sound-btn-wrapper">
  <div class="btn btn-start">On</div>
  <div class="btn btn-stop">Off</div>
</div>

const audio = new Audio('...');

$('#sound-btn-wrapper').on('click', '.btn', function() {
  audio.pause();

  if ($(this).hasClass('btn-start')) {
    audio.currentTime = 0;
    audio.play();
  }
});

Потому что элемент набора не является набором элементов - это узел DOM-дерева. Откуда у него возьмутся методы jquery? Тут надо использовать метод eq вместо индексации, т.е. $checkbox[i] замените на $checkbox.eq(i).

Добавьте параметр - селектор корневого элемента слайдера (или сам элемент). Поиск слайдов и кнопок выполняйте не по всему документу, а внутри корневого элемента.

function simpleSlider(element) {
  const root = typeof element === 'string'
    ? document.querySelector(element)
    : element;

  const items = root.querySelectorAll('.slider__item');
  const prev = root.querySelector('.slider__btn-prev');
  const next = root.querySelector('.slider__btn-next');

  let index = 0;

  function slideTo(newIndex) {
    items[index].classList.remove('slider__item--active');
    index = (newIndex + items.length) % items.length;
    items[index].classList.add('slider__item--active');
  }

  prev.addEventListener('click', () => slideTo(index - 1));
  next.addEventListener('click', () => slideTo(index + 1));
}

simpleSlider('#slider1');
simpleSlider(document.querySelector('#slider2'));

Потому что метод так устроен - возвращает коллекцию, а не массив.

Хотите массив, есть варианты:

const elements = [...document.getElementsByTagName('p')];
// или
const elements = Array.from(document.getElementsByTagName('p'));
// или
const elements = [].concat.apply([], document.getElementsByTagName('p'));
// или
const elements = Array.prototype.slice.call(document.getElementsByTagName('p'));
// или
const elements = Object.values(document.getElementsByTagName('p'));

const result = arr.filter((n, i, a) => n === a.find(m => m.lat === n.lat && m.lng === n.lng));

или

const result = Object.values(arr.reduce((acc, n) => (acc[`${n.lat},${n.lng}`] = n, acc), {}));

или

const result = [].concat(...Object
  .values(arr.reduce((acc, n) => ((acc[n.lat] = acc[n.lat] || {})[n.lng] = n, acc), {}))
  .map(Object.values)
);

или

const result = Array.from(new Set(arr.map(JSON.stringify)), JSON.parse);

или

const unique = (arr, keys) =>
  arr.filter((n, i, a) => i === a.findIndex(m => keys.every(k => n[k] === m[k])));


const result = unique(arr, [ 'lat', 'lng' ]);

str.replace(RegExp(mask, 'gi'), '<strong>$&</strong>')

vAxis: {
  baselineColor: '#fff'
}

[...document.querySelector('ul').children]
  .map(n => ({ el: n, text: n.querySelector('.link').innerText }))
  .sort((a, b) => a.text.localeCompare(b.text))
  .forEach(n => n.el.parentNode.append(n.el));

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

const arr = [6,4,4.5,3.5,5.5,3,6.5];

const middle = [...arr].sort((a, b) => a - b)[arr.length / 2 | 0];

str.replace(/(<br ?\/?>\s?){4,}/g, '$1$1$1')

const blockSelector = '.block';
const buttonSelector = '[data-class]';
const activeClass = 'active';

const blocks = document.querySelectorAll(blockSelector);
const buttons = [...document.querySelectorAll(buttonSelector)];
const classes = buttons.map(n => n.dataset.class);

document.body.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    blocks.forEach(n => {
      n.classList.remove(...classes);
      n.classList.add(button.dataset.class);
    });

    buttons.forEach(n => n.classList.toggle(activeClass, n === button));
  }
});

$('ul').click(function(e) {
  e.stopPropagation();
  const $li = $(e.target).closest('li');
  if ($li.length) {
    $li.children('ul').toggle();
    $li.siblings().children('ul').hide();
  }
}).find('ul').hide();

https://jsfiddle.net/297m5euz/

Полагаю,что вопрос банален.

Действительно. Так что вот вам вместо ответа ряд наводящих вопросов:

• Значение какого типа возвращает метод val?
  
• А сравниваете вы его со значениями какого типа?
  
• В чём разница между операторами == и ===?
  

$('.new-game') добавляется динамически на страницу

Вот вы сами на свой вопрос и ответили - нет никакого .new-game в тот момент, когда вы его пытаетесь получить.

Хотелось бы сделать универсальную функцию, чтобы можно было передавать в неё элемент...

Можно передавать селектор вместо элемента, в обработчике mousemove получать элемент, если его нет - ничего не делать, есть - ок, назначаем transform, или что там у вас. Типа так.

Вместо body анимируйте .wrapper:

$('.vertical').on('click', 'a', function(e) {
  e.preventDefault();

  const id = $(this).attr('href');
  const $wrapper = $('.wrapper');
  const offset = $(id).offset().top;
  const scrollTop = offset + $wrapper.scrollTop();
  $wrapper.animate({ scrollTop }, 1500);
});