0xD34F

document.querySelector('button').addEventListener('click', function() {
  const val = +document.querySelector('#elem1').value;
  const sign = Math.sign(val);

  document.querySelector('#str').innerHTML = Array
    .from({ length: val * sign + 1 }, (n, i) => val - i * sign)
    .join('<br>');
});

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

$('.nextArrow, .backArrow').on('animationend', e => e.target.style.animation = '');

На момент вывода в консоль h1 ещё не существует.
Тип body.children - HTMLCollection, эта штука автоматически обновляется при изменении страницы.
При первом разворачивании объекта в консоли подтягивается его актуальное состояние.

параметр size не указан при вызове конструктора Ball

const { group } = await this.getOne(payload.id) || {};
if (!group) {
  ...

function openCity(e, city) {
  document.querySelectorAll('.tablink').forEach(n => {
    n.classList.toggle('active', city === 'All' || n === e.target);
  });

  document.querySelectorAll('.tabcontent').forEach(n => {
    n.style.display = city === 'All' || n.id === city ? 'block' : 'none';
  });
}

https://jsfiddle.net/wxz2koms/

document.querySelectorAll('.number').forEach(number => {
  const top = number.getBoundingClientRect().top;

  window.addEventListener('scroll', function onScroll() {
    if (window.pageYOffset > top - window.innerHeight / 2) {
      this.removeEventListener('scroll', onScroll);
      let start = +number.innerHTML;
      const interval = setInterval(function() {
        number.innerHTML = ++start;
        if (start >= number.dataset.max) {
          clearInterval(interval);
        }
      }, 5);
    }
  });
});

document.querySelector('input').addEventListener('input', function() {
  let dotCount = 0;

  this.value = this.value
    .replace(/[,.]/g, m => !dotCount++ ? '.' : '')
    .replace(/[^\d.]/g, '')
    .replace(/^0*./, m => m.slice(-1).replace('.', '0.'));
});

$(document).wheel(

Такого метода - wheel - нет.

var item =  $('#time');
if (e.deltaY > 0) item.scrollLeft += 100;

Откуда у jquery объекта возьмётся свойство, принадлежащее узлу DOM-дерева? Да ниоткуда. Чтобы изменить значение свойства узла, надо или достать его (узел) из jquery объекта, или воспользоваться предназначенным для этого методом:

$(document).on('wheel', function(e) {
  $('#time')[0].scrollLeft += e.originalEvent.deltaY > 0 ? 100 : -100;
  // или
  $('#time').get(0).scrollLeft += [ -100, 100 ][+(e.originalEvent.deltaY > 0)];
  // или
  $('#time').prop('scrollLeft', (i, val) => val + 100 * Math.sign(e.originalEvent.deltaY));
});

Проверяем, что возвращает оператор typeof:

const strings = arr.filter(n => typeof n === 'string');
const numbers = arr.filter(n => typeof n === 'number');
const booleans = arr.filter(n => typeof n === 'boolean');

Или, проверяем, что элемент и результат его преобразования в значение интересующего нас типа совпадают:

const strings = arr.filter(n => n === `${n}`);
const numbers = arr.filter(n => n === +n); // в отличие от typeof, отбрасывает NaN
const booleans = arr.filter(n => n === !!n);

Или, группируем массив по имени типа, а дальше извлекаем чего надо:

const groupedByType = arr.reduce((acc, n) => {
  const type = n == null ? `${n}` : n.constructor.name.toLowerCase();
  (acc[type] = acc[type] || []).push(n);
  return acc;
}, {});

const strings = groupedByType.string;

$('.wrap .item').css('height', function() {
  return $(this).prev('.block').height();
});

Где элементы находятся, что за элементы, какой класс будем добавлять/удалять:

const containerSelector = 'ul';
const itemSelector = 'li';
const activeClass = 'active';

Хотели на jquery? - ну типа вот:

const $containers = $(containerSelector).on('click', itemSelector, function(e) {
  const index = $(itemSelector, e.delegateTarget).index(this);
  $containers.find(`${itemSelector}.${activeClass}`).removeClass(activeClass);
  $containers.find(`${itemSelector}:eq(${index})`).addClass(activeClass);
});

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

const containers = document.querySelectorAll(containerSelector);
containers.forEach(n => n.addEventListener('click', onClick));

function onClick({ target: t }) {
  if (t = t.closest(itemSelector)) {
    const items = this.querySelectorAll(itemSelector);
    const index = Array.prototype.indexOf.call(items, t);
    containers.forEach(container => {
      container.querySelectorAll(itemSelector).forEach((n, i) => {
        n.classList.toggle(activeClass, i === index);
      });
    });
  }
}

Первые ячейки - у которых левая граница минимальна. Последние - у которых правая (левая граница + ширина) максимальна. Можно их найти и добавить какой-нибудь класс:

const td = [...document.querySelectorAll('table td')];
const first = td[0].offsetLeft;
const last = Math.max(...td.map(n => n.offsetLeft + n.offsetWidth));

td.forEach(n => (
  (n.offsetLeft === first) && n.classList.add('first'),
  (n.offsetLeft + n.offsetWidth === last) && n.classList.add('last')
));

const newArr = arr.reduce((acc, n) => (
  acc[n.month - 1] = n.sum,
  acc
), Array(12).fill(''));

или

const newArr = Array.from({ length: 12 }, function(_, i) {
  return this[-~i] || '';
}, Object.fromEntries(arr.map(n => [ n.month, n.sum ])));

или

const newArr = [];
for (let i = 0, j = 0; i < 12; i++) {
  newArr.push((arr[j] || {}).month === i + 1 ? arr[j++].sum : '');
}

Во-первых, nextStep.nextElementSibling - это никакой не блок аккордеона. Во-вторых, условие кривое - открываете блок, если он не следующий (!==) и закрыт, т.е., открываете все, кроме закрываемого.

document.addEventListener('click', e => {
  const t = e.target;
  const heading = t.closest('.panel-heading');
  const nextStep = t.closest('.construct-btn');
  const collapse = 
    heading  ? heading.nextElementSibling :
    nextStep ? t.closest('.panel').nextElementSibling.querySelector('.panel-collapse') :
               null;

  if (collapse) {
    e.preventDefault();
    t.closest('.panel-group').querySelectorAll('.panel-collapse').forEach(n => {
      n.classList[n === collapse ? 'toggle' : 'remove']('in');
    });
  }
});

document.querySelector('.add-sentence-btn').addEventListener('click', ({ target: t }) => {
  t.closest('.row').querySelectorAll('.hidden').forEach(n => n.classList.remove('hidden'));
  t.classList.add('hidden');
});

можно

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

UPD.

function addClickListeners(buttonsSelector, dialogSelector) {
  const buttons = document.querySelectorAll(buttonsSelector);
  const dialog = document.querySelector(dialogSelector);

  buttons.forEach(n => n.addEventListener('click', e => {
    e.preventDefault();
    dialog.style.display = 'block';
  }));

  dialog.addEventListener('click', ({ target }) => {
    if (target.classList.contains('popup-close')) {
      document.getElementById('name_1').disabled = true;
      document.getElementById('phone_1').disabled = true;
      dialog.style.display = 'none';
    } else if (!target.closest('.popup-content')) {
      dialog.style.display = 'none';
    }
  });
}


addClickListeners('header .contacts a', '.popup-call');
addClickListeners('.sentence-btn', '.popup-discount');
addClickListeners('.check-btn', '.popup-check');

document.addEventListener('click', function(e) {
  const heading = e.target.closest('.panel-heading');
  if (heading) {
    e.preventDefault();
    heading.closest('.panel-group').querySelectorAll('.panel-collapse').forEach(n => {
      n.classList[n === heading.nextElementSibling ? 'toggle' : 'remove']('in');
    });
  }
});

Делаем просто:

const result = array1.filter(n => !array2.some(m => m.name === n.name));

Делаем сложно:

function diff(data1, data2, key = n => n) {
  const result = [];
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set(Array.from(data2, getKey));

  for (const n of data1) {
    if (!keys.has(getKey(n))) {
      result.push(n);
    }
  }

  return result;
}

// ваш случай
const result = diff(array1, array2, 'name');

// есть и другие варианты применения
diff([ 1, 2, 3, 4, 5 ], [ 1, 2, 3 ]) // [4, 5]
diff(Array(10).keys(), Array(7).keys()) // [7, 8, 9]
diff('abcde', 'ACE', n => n.toLowerCase()) // ['b', 'd']

document.querySelector('input').addEventListener('change', e => {
  const { files: [ file ] } = e.target;
  if (file) {
    const reader = new FileReader();
    reader.onload = e => document.querySelector('img').src = e.target.result;
    reader.readAsDataURL(file);
  }
});