0xD34F

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

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

последняя запятая лишняя

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');
};

Сложить метки в массив, по событиям mouseover/mouseout на элементах за пределами карты получать их, элементов, индекс (можно хранить его в data-атрибуте), по индексу извлекать соответствующую метку из массива и обновлять её свойства.

jsfiddle.net/n8k5L7z3

правила, пункт 3.1

"Не срабатывает" - это вам так кажется. Будете жать на нужную кнопку - всё сработает. Почему кнопка не та? Потому что при открытии окна вы каждый раз создаёте новое. А 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(', ');
});

Может написать регулярку, которая будет убирать только первый и последнии слеши?

Зачем такие сложности? Вы знаете, что лишними в строке являются первый и последний символы - ну так может, их и отрезать? - типа, .slice(1, -1).

Ну и если вдруг объект regexp используется только для задания значений атрибута pattern, то пусть его свойства будут сразу строками, а не регулярными выражениями. И ещё, зачем делать его обычным полем класса? - так будет создаваться отдельный объект для каждого экземпляра. Пусть будет статическим или вообще не принадлежит классу.

А-а-а-а-а-а-а-а-а!!!!!!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);

fibbonachi(n[0],left+n[1])

Да ну? Первым слагаемым следующего значения должно быть второе слагаемое предыдущего:

fibbonachi(n[1], left + n[1])

options: {
  scales: {
    yAxes: [ {
      ticks: {
        reverse: true,
        min: 0,
        max: // здесь ваше "заданное число"
      },
    } ],
  },
},

https://jsfiddle.net/16mwk5of/

function initSlider(el) {
  if (!(el instanceof HTMLElement)) {
    el = document.querySelector(el);
  }

  const slider = new Swiper(el.querySelector('.product-slider'), {
    navigation: {
      nextEl: el.querySelector('.swiper-button-next'),
      prevEl: el.querySelector('.swiper-button-prev'),
    },
    spaceBetween: 10,
  });

  const thumbs = new Swiper(el.querySelector('.product-thumbs'), {
    spaceBetween: 5,
    centeredSlides: true,
    slidesPerView: 4,
    touchRatio: 0.2,
    slideToClickedSlide: true,
    direction: 'vertical',
  });

  slider.controller.control = thumbs;
  thumbs.controller.control = slider;

  return { slider, thumbs };
}


const
  first = initSlider('.container-first'),
  second = initSlider('.container-second');

document.querySelector('.set-slide').addEventListener('click', () => {
  second.slider.slideTo(first.slider.realIndex);
});

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']();
});

Псевдоэлементами можно воспользоваться:

.slider::before,
.slider::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 666;
}

.slider::before {
  left: 0;
  content: attr(data-prev);
}

.slider::after {
  right: 0;
  content: attr(data-next);
}

$sliderElement.on('init afterChange', function(e, { $slider }) {
  const $active = $slider.find('.slick-active');

  $slider.attr({
    'data-prev': `prev: ${$active.prev().text() || 'какой-то дефолтный текст'}`,
    'data-next': `next: ${$active.next().text() || 'какой-то дефолтный текст'}`,
  });
})

https://jsfiddle.net/z58bvgxr/

slidesToShow: 1