0xD34F

Ведь у пустого массива есть численное представление: +[] вернет 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);
});

const div = document.createElement('div');
div.innerHTML = str;
const arr = Array.from(div.children, n => n.innerText);

или

const arr = Array.prototype.map.call(
  new DOMParser().parseFromString(str, 'text/html').body.children,
  n => n.textContent
);

или

const arr = [];
for (const n of document.createRange().createContextualFragment(str).children) {
  arr.push(n.innerHTML);
}

Где и на сколько надо ограничить длину текстового содержимого:

const selector = '.text_size';
const maxlen = 3;

Параметром метода text может быть не только строка, но и функция, которая вызывается для каждого элемента набора, принимает текущее текстовое содержимое элемента и возвращает новое:

$(selector).text((i, text) => {
  return text.length > maxlen ? text.slice(0, maxlen) + '...' : text;
});

А вообще, можно и отказаться от jquery:

const reg = RegExp(`(.{${maxlen}}).+`);

for (const n of document.querySelectorAll(selector)) {
  n.textContent = n.textContent.replace(reg, '$1...');
}

<input id="lower" type="number" value="100">
<input id="upper" type="number" value="200">

const lower = document.querySelector('#lower');
const upper = document.querySelector('#upper');

lower.addEventListener('input', function() {
  this.value = Math.min(this.value, upper.value);
});

upper.addEventListener('input', function() {
  this.value = Math.max(this.value, lower.value);
});

UPD. Вынесено из комментариев:

Можно сделать проверку после нажатия enter?

updateValueOnEnter(lower, val => Math.min(val, upper.value));
updateValueOnEnter(upper, val => Math.max(val, lower.value));

function updateValueOnEnter(input, f) {
  input.addEventListener('keypress', ({ key, target: t }) => {
    if (key === 'Enter') {
      t.value = f(t.value);
    }
  });
}

в таблице рекордов (которую заполнял вручную автор по запросам на почту) были люди, выполнившие эту задачу за 1 символ. Вопрос: какой это был символ или как иначе они это сделали?

Символ, полагаю, никакой - поскольку проверка решения выполняется на клиенте, просто подменили функцию или результат проверки через отладчик, ничего вручную автор там не заполняет. Можно и решение из 0 символов оформить как корректное.