0xD34F

const sortString = str => str
  .split(' ')
  .map(n => [ n, +/\d/.exec(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
  .join(' ');

или

const sortString = str => Array
  .from({ length: 9 }, (n, i) => str.match(RegExp(`\\w*${i + 1}\\w*`)))
  .filter(Boolean)
  .join(' ');

или

const sortString = str => str && str
  .match(/\S+/g)
  .reduce((acc, n) => (acc[n.replace(/\D/g, '')] = n, acc), [])
  .reduce((acc, n) => acc + (acc && ' ') + n, '');

document.querySelector('.items').addEventListener('click', e => {
  const button = e.target.closest('.next');
  const item = button && button.closest('.item.active');
  if (item) {
    item.classList.remove('active');
    (item.nextElementSibling || item.parentNode.children[0]).classList.add('active');
  }
});

div.innerHTML +="qwe"

Вас вводит в заблуждение оператор += - вам кажется, будто бы к содержимому div что-то там добавляется. Это не совсем так - содержимое div полностью перезаписывается. Соответственно, ранее добавленные элементы будут удалены и заменены новыми. А к новым элементам никаких обработчиков вы не привязываете - отсюда и отсутствие вывода в консоль.

Если хотите, чтобы добавление текста не приводило к перезаписыванию содержимого элемента, выполняйте его с помощью методов insertAdjacentText или append.

Отрезайте от полного текста сколько надо, типа .slice(0, 3).

Или вместо aux.select(); сделайте

aux.focus();
aux.setSelectionRange(0, 3);

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

нужно до плюса скопировать, там не всегда 3 символа может быть

Можете найти '+' с помощью indexOf.

Или регулярные выражения используйте: получите то, что перед плюсом (.match(/[^+]*/)), или удалите его и то, что после (.replace(/\+.*/, '')).

Что мешает ещё раз применить Promise.all? Вместо вложенных forEach'ей будет как-то так:

Promise.all(items.map((item, index) => axios.post(responses[index], item, config)))

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

const container = document.querySelector('nav');
const itemSelector = '.sidebar-item';
const className = 'selected';

Вариант раз, делегируем обработку клика контейнеру. При клике ищем элемент с нужным классом, снимаем класс, устанавливать класс кликнутому:

container.addEventListener('click', function(e) {
  const item = e.target.closest(itemSelector);
  if (item) {
    const activeItem = this.querySelector(`.${className}`);
    if (activeItem) {
      activeItem.classList.remove(className);
    }

    item.classList.add(className);
  }
});

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

container.addEventListener('click', e => {
  const item = e.target.closest(itemSelector);
  if (item) {
    for (const n of e.currentTarget.querySelectorAll(itemSelector)) {
      n.classList.toggle(className, n === item);
    }
  }
});

Вариант три, назначаем обработчик клика каждому элементу индивидуально, перебираем элементы аналогично предыдущему варианту:

const items = container.querySelectorAll(itemSelector);
const onClick = e => items.forEach(n => n.classList.toggle(className, n === e.currentTarget));
items.forEach(n => n.addEventListener('click', onClick));

<div id="progressBar"></div>

<button>green</button>
<button>red</button>
<button>yellow</button>
<button>magenta</button>
<button>aqua</button>

let percent = 0;
const gradientParts = [];

$('button').click(function() {
  if (percent < 100) {
    const color = $(this).text();
    percent++;
    gradientParts.push(`${color} ${percent - 1}%`, `${color} ${percent}%`);
    const gradient = gradientParts.concat(`#435C91 ${percent}%`, '#435C91 100%');

    $('#progressBar').css({
      background: `linear-gradient(to right, ${gradient.join(', ')})`,
    });
  }
});

https://jsfiddle.net/2yqzgeLb/

Поскольку option'ы в select'е создаются на основе массива markers, то наверное в его элементы и следует добавить ссылки. В обработчике клика по текущему значению select'а получаем нужный элемент markers и... так?

Список, в который будет помещён сортируемый элемент, доступен как event.target в обработчике события over.

Вот массив:

const rows = 3;
const cols = 5;
const max = 10;
const arr =
  Array.from({ length: rows }, () =>
    Array.from({ length: cols }, () =>
      Math.random() * max | 0
    )
  );

А вот суммы и вдоль, и поперёк, а где там у вас столбцы, и где строки - разбирайтесь сами:

const sumRows = arr.map(n => n.reduce((acc, m) => acc + m, 0));
const sumCols = (arr[0] || []).map((n, i) => arr.reduce((acc, m) => acc + m[i], 0));

// или

const [ sumRows, sumCols ] = arr.reduce((acc, n, i) => (
  n.forEach((m, j) => (acc[0][i] += m, acc[1][j] += m)),
  acc
), [ rows, cols ].map(n => Array(n).fill(0)));

Вместо .label-text переключайте класс у максимально дальних не общих предков input'ов, т.е., у .thumb. Соответственно, стилизовать надо будет не .label-text.класс, а .класс .label-text. Зачем делать именно так? Потому что не придётся переписывать js-код, если вдруг вам завтра захочется кроме .label-text стилизовать ещё что-то, или решите изменить взаимное расположение элементов.

Где input'ы находятся, что за input'ы, какой класс надо переключать:

const containerSelector = '.thumb';
const inputSelector = 'input[id^="input-"]';
const activeClass = 'active';

Переключать класс можете по-прежнему с помощью jquery:

$(containerSelector).on('input', inputSelector, function(e) {
  $(e.delegateTarget).toggleClass(activeClass, !!this.value);
});

А можете начать осваивать чистый js:

const onInput = ({ target: t, currentTarget: ct }) =>
  t.matches(inputSelector) && ct.classList.toggle(activeClass, !!t.value);

document.querySelectorAll(containerSelector).forEach(n => {
  n.addEventListener('input', onInput);
});

А что это у вас там за цикл?.. Нет, не желаю этого знать. Делайте так: номер игрока равен номеру текущей карточки, а если игроки закончились, то берёте случайное значение. Т.е., заменяете

for (let j = 1; j <= this.players; j++) { 
  this.card.dataset.playerId = j; // а тут устанавливаем playerId. Но он у меня постоянно одинаковый
}

на что-то вроде

this.card.dataset.playerId = i <= this.players ? i : ((Math.random() * this.players | 0) + 1);

Можно повесить обработчик click на корневой элемент: если целевым элементом является ссылка - отменяете действие по умолчанию и открываете новое окно вручную:

<div id="app" @click="onClick">
  ...

new Vue({
  el: '#app',
  methods: {
    onClick(e) {
      if (e.target.tagName === 'A') {
        e.preventDefault();
        window.open(e.target.getAttribute('href'));
      }
    },
    ...
  },
  ...
});

Я так понимаю, опять фантазируете вместо того, чтобы загуглить документацию. Чёрным по белому сказано же:

next transaction (subscription) cannot start until the previous completes

Хотите, чтобы было "независимо" - используйте merge вместо concat.

Замените $('.cart-window ul').each на $('.cart-window ul .item').each, а $(this).find('.item span').text() замените на $(this).find('span').text().

А то сейчас вместо того, чтобы перебирать .item'ы, вы обрабатываете сразу весь список, разом получая содержимое всех .item span'ов - естественно, строки склеиваются.

str.replace(/\s+/g, '-')

Второй параметр в range - это количество элементов, а не конечное значение (как вам, по-видимому, показалось).

То есть, в первом случае последовательность такая: 1, 2, 3, 4, 5. А во втором такая: 0, 1, 2, 3, 4. Соответственно, 15 / 5 = 3, 10 / 5 = 2, всё правильно.

Этот код вместо результата выводит undefined.

Под "выводит" вы подразумеваете результат вызова console.log, да? Что ж, ничего ваш код не выводит - console.log не вызывается ни разу, undefined возникает в консоли потому, что последнее, что вы делаете - вызываете метод subscribe, который ничего не возвращает.

Отсутствие вывода обусловлено пустотой массива result, а пуст он потому, что... Нет, не буду объяснять - разберитесь, как стрелочными функциями пользоваться, и найдите свои ошибки сами.

$('.news-full-text img')
  .wrap('<div class="image"></div>')
  .after('<div class="image-social">социальные кнопки</div>');

или

$('.news-full-text img').replaceWith(function() {
  return `
    <div class="image">
      ${this.outerHTML}
      <div class="image-social">социальные кнопки</div>
    </div>`;
});

или

$('.news-full-text').html((i, html) => html.replace(/<img .*?>/g, m => `
  <div class="image">
    ${m}
    <div class="image-social">социальные кнопки</div>
  </div>
`));