0xD34F

<div id="address-list"></div>

const addressList = document.querySelector('#address-list');

addressList.innerHTML = markersData.map((n, i) => `
  <div class="address-list-item">
    <span data-index="${i}">${n.name}</span>
  </div>
`).join('');

addressList.addEventListener('click', e => {
  const marker = markersData[e.target.dataset.index];
  if (marker) {
    map.setCenter(new google.maps.LatLng(marker.lat, marker.lng));
  }
});

<div><label><input type="checkbox" id="xxx">hello, world!!</label></div>
<div><label><input type="checkbox" id="yyy">fuck the world</label></div>
<div><label><input type="checkbox" id="zzz">fuck everything</label></div>
<div>sum: <input id="sum" readonly></div>
<div>ids: <input id="ids" readonly></div>

document.addEventListener('change', () => {
  const cb = document.querySelectorAll('input[type="checkbox"]:checked');
  document.querySelector('#sum').value = cb.length * 900;
  document.querySelector('#ids').value = Array.from(cb, n => n.id).join(', ');
});

А-а-а-а-а-а-а-а-а!!!!!!111111


Во-первых, всё это делается в одну строку (функция selectPixel может быть сокращена точно так же):

const calcRowAndColumn = coord => Math.floor(coord / 4);

Во-вторых, возьмём, например, следующий кусок:

if (coordinates > 112 && coordinates < 116) {
  currPosition = 28;
}
if (coordinates > 116 && coordinates < 120) {
  currPosition = 29;
}

Пусть coordinates равен 116. Чему тогда будет равен currPosition? А ничему, undefined - строгие неравенства, больше-меньше, 116 никак не обрабатывается. И остальные граничные значения, кратные четырём, тоже. Это, если что, причина получаемых вами ошибок - эти undefined вы пытаетесь использовать как индексы многомерного массива.

Вам тут не нужен js:

.div1:hover + .div2,
.div2:hover {
  display: block;
}

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

.show {
  display: block;
}

let timeout = null;

function onEnter() {
  clearTimeout(timeout);
  div2.classList.add('show');
}

function onLeave() {
  timeout = setTimeout(() => div2.classList.remove('show'), 300);
}

div1.addEventListener('mouseenter', onEnter);
div2.addEventListener('mouseenter', onEnter);

div1.addEventListener('mouseleave', onLeave);
div2.addEventListener('mouseleave', onLeave);

Варианты тут такие:

1. Погуглить jq аналоги нативных функций или хотя бы на https://youmightnotneedjquery.com/ заглянуть, и переписать самостоятельно
   
2. Отправиться на фриланс, заплатить денег
   
3. Подождать, пока кто-нибудь тут над вами не сжалится и не напишет код просто так (это я и сам сделаю, но чуть позже, не сегодня)
   

UPD.

$('#myselect').change(function() {
  $('#mydiv').text(`Вес брутто*: ${$(':selected', this).attr('for')} кг`);
});

const getQueryArray = (obj, path = [], result = []) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => {
    path.push(k);

    if (v instanceof Object) {
      getQueryArray(v, path, acc);
    } else {
      acc.push(`${path.map((n, i) => i ? `[${n}]` : n).join('')}=${v}`);
    }

    path.pop();

    return acc;
  }, result);

const getQueryString = obj => getQueryArray(obj).join('&');

или

const getQueryString = (obj, path = '') =>
  Object.entries(obj).reduce((acc, [ k, v ]) => (
    path && (k = `${path}[${k}]`),
    acc + (acc && '&') + (v instanceof Object
      ? getQueryString(v, k)
      : `${k}=${v}`
    )
  ), '');

Проблема не в get, можно ничем его не заменять. При обработке клика вместо первого попавшегося audio надо хватать тот, что соответствует нажатой кнопке (это же касается элементов .play и .pause, с той лишь разницей, что тут вы хватаете всё, что есть), т.е., который находится в том же .container. От кликнутого элемента поднимаемся к .container и ищем внутри него нужные элементы:

$(document).on('click', '.play, .pause', function() {
  const $this = $(this);
  const $container = $this.closest('.container');
  const isPlay = $this.hasClass('play');

  $container.find('.play').toggleClass('active', isPlay);
  $container.find('.pause').toggleClass('active', !isPlay);
  $container.find('audio').get(0)[isPlay ? 'play' : 'pause']();
});

document.querySelector('.music-album').addEventListener('click', e => {
  const { target: t, currentTarget: ct } = e;
  const playButton = ct.querySelector('.play_button');
  const stopButton = ct.querySelector('.stop_button');
  const state =
    playButton.contains(t) ?  true :
    stopButton.contains(t) ? false :
                              null;
  if (state !== null) {
    ct.querySelector('audio')[state ? 'play' : 'pause']();
    playButton.style.display = state ? 'none' : 'block';
    stopButton.style.display = state ? 'block' : 'none';
  }
});

Рекурсия есть:

const sum = data =>
  (data instanceof Array ? data : [ data ]).reduce((acc, n) => {
    return acc + n.value + sum(n.children || []);
  }, 0);

Рекурсии нет:

const sum = function(data) {
  const stack = [];
  let result = 0;

  for (let [ i, arr ] = this(data); ++i < arr.length || stack.length;) {
    if (i === arr.length) {
      [ i, arr ] = stack.pop();
    } else {
      result += arr[i].value;
      stack.push([ i, arr ]);
      [ i, arr ] = this(arr[i].children || []);
    }
  }

  return result;
}.bind(x => [ -1, Array.isArray(x) ? x : [ x ] ]);

Считаем:

sum(valueList) // 418
sum(valueList.children) // 268

$('.wr').on('input', 'input', function() {
  const
    $this = $(this),
    val = $this.val(),
    $link = $this.closest('.item').find('.link-a');

  $link.toggleClass('success', /* здесь проверяете, что val какой надо */);
});

.hidden {
  display: none;
}

const searchInput = document.querySelector('#txtsearchinput');
const clearButton = document.querySelector('#deltxtinput');

clearButton.addEventListener('click', function() {
  searchInput.value = '';
  searchInput.dispatchEvent(new Event('input'));
});

searchInput.addEventListener('input', function() {
  clearButton.classList.toggle('hidden', !this.value);
});

Чтобы различать фильтры, добавьте им атрибуты с именами.

Значения в фильтруемом списке - вместо классов разнесите их по отдельным атрибутам, имена которых будут соответствовать именам фильтров.

Клик по пункту в каком-либо фильтре - отмечаете его как активный (добавлением класса, например), получаете значения всех активных фильтров, обходите список и прячете те элементы, где есть несовпадения данных со значениями фильтров.

https://jsfiddle.net/58mp1rax/

https://jsfiddle.net/5qxvyofp/

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

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('xxx')) {
    currColor.style.backgroundColor = t.nextElementSibling.textContent;
  }

  // или

  if (t.matches('.xxx')) {
    currColor.style.backgroundColor = getComputedStyle(t).backgroundColor;
  }
});

const findMin = obj =>
  (obj.children || []).reduce((min, n) => (
    n = findMin(n),
    min.value < n.value ? min : n
  ), obj);

Не нужны тут никакие регулярки: str.split('.', 2).join('.').

Но если очень хочется, то:

(str.match(/^.+?\.[^.]+/) || [ str ])[0]
// или
str.replace(/(?<=\..*)\..*/, '')
// или
str.replace(/([^\.]+\.[^\.]+)\..*/, '$1')

Рекурсия есть:

const sumTree = tree =>
  (Array.isArray(tree) ? tree : []).reduce((acc, n) => (
    acc[0] += 1,
    acc[1] += n.value,
    sumTree(n.children).forEach((m, i) => acc[i] += m),
    acc
  ), [ 0, 0 ]);

Рекурсии нет:

const sumTree = function(tree) {
  const stack = [];
  const result = [ 0, 0 ];

  for (let [ i, arr ] = this(tree); ++i < arr.length || stack.length;) {
    if (i === arr.length) {
      [ i, arr ] = stack.pop();
    } else {
      result[0] += 1;
      result[1] += arr[i].value;

      stack.push([ i, arr ]);
      [ i, arr ] = this(arr[i].children);
    }
  }

  return result;
}.bind(x => [ -1, x instanceof Array ? x : [] ]);

Вычисляем среднее:

const [ num, sum ] = sumTree([ obj ]);
const average = sum / num;

const tower = length =>
  Array.from({ length }, (n, i) => Array(2)
    .fill(' '.repeat(length - i - 1))
    .join('*'.repeat(i * 2 + 1))
  );

или

const tower = length =>
  Array.from({ length }, (n, i) => (
    n = Array(length - i).join(' '),
    n + Array(-~i << 1).join('*') + n
  ));

const FILTER_VALUE = 'eg';

const filteredArr = arr.reduce((acc, el) => {
  const items = el.items
    .filter(n => n.keywords.some(m => m.includes(FILTER_VALUE)))
    .map(n => ({ ...n, keywords: [...n.keywords] }));

  if (items.length) {
    acc.push({ ...el, items });
  }

  return acc;
}, []);

Клонируете исходный элемент:

const $initial = $('.some-div').clone();

Когда надо восстановить, заменяете текущий на сделанный ранее клон:

$('.some-div').replaceWith($initial);

Если предполагается неоднократное восстановление, то заменять надо на клон клона исходного элемента:

$('.some-div').replaceWith($initial.clone());