0xD34F

Логика такая, при клике на пункт списка, например "About" этот текст оказывался на месте текущего, а текущий в списке.

Какая дичь. Вы понимаете, что после нескольких кликов порядок пунктов может оказаться полностью изменённым? Пользователь запомнил, что такой-то пункт внизу, ищет там - а нет его, наверх уехал. Может, просто скрывать выбранный пункт?

Ну а так-то всё просто. Добавьте пунктам какой-нибудь класс, dropdown-menu-item, например. И код в обработчик клика:

const item = event.target.closest('.dropdown-menu-item');
if (item) {
  const btn = item.closest('.dropdown').querySelector('.dropdown-toggle');
  [ btn.textContent, item.textContent ] = [ item.textContent, btn.textContent ];
}

JSON.stringify([...this.querySelectorAll('[name]')].map(n => ({
  [n.name]: n.type === 'checkbox' ? n.checked : n.value,
})))

Как получить дату из строки:

const parseDate = str => new Date(str.split('/').reverse().join('-'));

Сортируем исходный массив:

all_orders.sort((a, b) => parseDate(a.order_date) - parseDate(b.order_date));

Или собираем отсортированный новый:

const sortedOrders = all_orders
  .map(n => [ n, parseDate(n.order_date) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

str.replace(/(?<=.{2}).(?=.{2})/g, '*')

// или

str.replace(/^(.{2})(.+)(.{2})$/, (m, g1, g2, g3) => g1 + '*'.repeat(g2.length) + g3)

// или

Array.from(str, (n, i) => (i < 2 || i > str.length - 3) ? n : '*').join('')

[...Array(12)].map((n, i) => new Date(0, i).toLocaleString('en-US', { month: 'long' }))

Object.entries(arr.reduce((acc, n) => {
  const [ k, v ] = Object.entries(n)[0];
  (acc[k] = acc[k] || []).push(...v);
  return acc;
}, {})).map(n => Object.fromEntries([ n ]))

Пробовал ставить перед скобкой «\» не работает.

Два раза ставьте. Или замените вызов конструктора литералом.

const createXML = obj => Object
  .entries(obj)
  .map(([ k, v ]) => `<ns1:${k}>${v instanceof Object ? createXML(v) : v}</ns1:${k}>`)
  .join('');

UPD. Если нужны переносы строк и отступы, то

const createXML = (obj, tabSize = 2, depth = 0) => {
  const indent = ' '.repeat(tabSize * depth);
  return Object.entries(obj).map(([ k, v ]) =>
    indent +
    `<ns1:${k}>${
      v instanceof Object
        ? `\n${createXML(v, tabSize, depth + 1)}\n${indent}`
        : v
    }</ns1:${k}>`
  ).join('\n');
};

"Не срабатывает" - это вам так кажется. Будете жать на нужную кнопку - всё сработает. Почему кнопка не та? Потому что при открытии окна вы каждый раз создаёте новое. А querySelector возвращает первый подходящий элемент, так что обработчик закрытия всегда цепляется к кнопке того окна, которое было создано при первом открытии.

Правильно будет заранее создать окно и при открытии вписывать в него нужные данные; или же, в случае создания заново при каждом открытии, вместо скрытия удалять его. Короче, вместо modal.style.display = "none" делайте modal.remove(), и всё будет окей.

slide(e, ui) {
  $(this).find('.value').text(i => ui.values[i]);
},

<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 valueSum = sum(valueList);

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

function sum(data) {
  let result = 0;

  for (const stack = [].concat(data); stack.length;) {
    const { value, children: c } = stack.pop();
    stack.push(...(Array.isArray(c) ? c : []));
    result += value;
  }

  return result;
}

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

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