0xD34F

const
  text = 'Sport',
  str = 'port';

console.log(text.replace(new RegExp(`(${str})`, 'g'), '#$1#'));

UPD.

или есть что-то оптимальней ?

Не знаю, что вы подразумеваете под словом оптимальней, но можно просто text.replace(str, `#${str}#`). Правда, в отличие от регулярки - множественную замену так сделать не получится.

const caesar = (str, offset) => Array
  .from(str, n => String.fromCharCode(n.charCodeAt(0) + offset))
  .join('');

const caesarTemplate = (title, offset) => `
  <div class="caesar">
    <textarea class="caesar-input" data-offset="${offset}"></textarea>
    <hr>
    <p>${title}: <span class="caesar-output"></span></p>
  </div>
`;

document.addEventListener('input', ({ target: t }) => {
  if (t.matches('.caesar-input')) {
    const output = t.closest('.caesar').querySelector('.caesar-output');
    output.innerHTML = caesar(t.value, +t.dataset.offset);
  }
});

document.body.insertAdjacentHTML('beforeend', [
  [        'Шифр',  3 ],
  [ 'Расшифровка', -3 ],
].map(n => caesarTemplate(...n)).join(''));

const text = (el => (el.innerHTML = html, el.innerText))(document.createElement('div'));

или

const text = new DOMParser().parseFromString(html, 'text/html').body.textContent;

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

const fragment = document.createRange().createContextualFragment(html);
const iter = document.createNodeIterator(fragment, NodeFilter.SHOW_TEXT);
const texts = [];
for (let n; n = iter.nextNode(); texts.push(n.nodeValue)) ;

Уберите слэши, они тут не нужны - просто new RegExp(tags, 'gi').

Сделать функцию, которая будет принимать в качестве параметров элемент/селектор и текст, который надо отобразить. Как-то так.

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

<span class="prev" data-step="-1">Prev</span>
<span class="next" data-step="+1">Next</span>

Индекс нового активного элемента будет суммой индекса текущего и относительного положения нового. Чтобы произошёл переход из конца в начало - необходимо брать остаток от деления суммы на количество элементов, индекс несуществующего элемента, расположенного за последним, превратится в 0. Переход из начала в конец - в случае jquery ничего делать не надо, метод eq позволяет указывать отрицательные индексы, которые используются для отсчёта позиции элемента начиная с конца; в случае чистого js надо будет добавить к сумме количество элементов, чтобы потенциальное отрицательное значение стало положительным, и при этом не изменился остаток от деления.

const itemSelector = 'li';
const buttonSelector = '[data-step]';
const activeClass = 'active';

$(buttonSelector).click(function() {
  const { step } = this.dataset;
  const $items = $(itemSelector);
  const $active = $items.filter(`.${activeClass}`);

  $active.removeClass(activeClass);
  $items.eq(($active.index() + +step) % $items.length).addClass(activeClass);
});

// или

const items = document.querySelectorAll(itemSelector);
let index = 0;

document.querySelectorAll(buttonSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick({ currentTarget: { dataset: { step } } }) {
  items[index].classList.remove(activeClass);
  index = (index + items.length + +step) % items.length;
  items[index].classList.add(activeClass);
}

Преобразовать число в строку, убрать всё, что не цифра (знак, если число отрицательное; точка, если число не целое) или достать только цифры, найти минимум (Math.min или перебираем вручную и сравниваем):

const minDigit = num =>
  Number.isFinite(num)
    ? Math.min(...`${num}`.replace(/\D/g, ''))
    : null;

// или

const minDigit = num =>
  (String(num).match(/\d/g) || []).reduce((min, n) => {
    return min === null || n < min ? +n : min;
  }, null);

minDigit(1)                // 1
minDigit(759486394)        // 3
minDigit(-56.209)          // 0

minDigit(Infinity)         // null
minDigit(NaN)              // null
minDigit('hello, world!!') // null

Заменяем содержимое li на его же текст:

$('.breadcrumb').children().last().text((i, text) => text);

// или

document.querySelector('.breadcrumb').lastElementChild.innerText += '';

Или, заменяем вложенный элемент на его содержимое (т.е., если внутри a есть элементы, они не будут удалены):

$('.breadcrumb > :last > *').replaceWith((i, html) => html);

// или

(el => el.replaceWith(...el.childNodes))
(document.querySelector('.breadcrumb > :last-child > *'));

Где и по кому надо кликать, кого надо переместить:

const containerSelector = 'ul';
const buttonSelector = 'a';
const elementSelector = '.drop';

Перемещаем:

const $el = $(elementSelector);
$(containerSelector).on('click', buttonSelector, function(e) {
  $(e.currentTarget).after($el);

  // или

  $(this).parent().append($el);

  // или

  $el.insertAfter(this);
});

или

const el = document.querySelector(elementSelector);
document.querySelector(containerSelector).addEventListener('click', ({ target: t }) => {
  if (t = t.closest(buttonSelector)) {
    t.after(el);

    // или

    t.insertAdjacentElement('afterend', el);

    // или

    t.parentNode.insertBefore(el, t.nextSibling);

    // или

    t.parentNode.append(el);

    // или

    t.parentNode.appendChild(el);
  }
});

words.replace(index, 1, word.charAt(0));

Метода replace у массивов нет. Есть splice.

как реализовали бы данную задачу вы?

Собираем новый массив:

const newWords = words.flatMap(RegExp.prototype.exec.bind(/.{0,1}/));

// или

const newWords = [];
for (const n of words) {
  newWords.push(n[0] || '');
}

// или

const newWords = (function get(i, n = words[i]) {
  return n != null ? [ n.slice(0, 1), ...get(-~i) ] : [];
})(0);

Обновляем существующий:

words.forEach(([ n = '' ], i, a) => a[i] = n);

// или

words.splice(0, words.length, ...words.map(n => n.charAt()));

// или

for (let i = 0; i < words.length; i++) {
  words[i] = words[i].replace(/(?<=.).+/, '');
}

showOtherMonths

const $form = $('.order__form-contacts').on('change', '[name="legal-status"]', e => {
  $form.find('.order__form-file')[e.target.value === '2' ? 'slideDown' : 'slideUp']();
});

Добавить свойство элементам существующего массива:

arr1.forEach(function({ id }) {
  if (this[id]) {
    this[id].isAdded = true;
  }
}, arr2.reduce((acc, n) => (acc[n.id] = n, acc), {}));

Собрать новый массив:

const newArr2 = arr2.map(function({ ...n }) {
  if (this.has(n.id)) {
    n.isAdded = true;
  }
  return n;
}, new Set(arr1.map(n => n.id)));

const text = 'определённый текст';
const link = document.querySelector(`a[href*="${text}"]`);
if (link) {
  link.click();
}

Метод click надо вызывать у DOM-элемента, а не jquery объекта.
Замените .click() на [0].click() или .get(0).click().

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

const $filters = $('.filter').change(function() {
  const filters = $filters
    .get()
    .filter(n => n.value)
    .map(n => [ n.dataset.name, n.value ]);

  $('.product')
    .hide()
    .filter((_, el) => filters.every(n => el.dataset[n[0]] === n[1]))
    .show();
});

Не подключен jquery.

Лишний пробел в стилях - вместо .modal-wrapper .open { должно быть .modal-wrapper.open {.

• Обрабатываете не то событие - должно быть blur, а не focus
  
• Пытаетесь вызвать toUpperCase не у строки, а у массива - забыто [0]
  
• Возвращаете результат в никуда, вместо того, чтобы установить значение инпута
  

И вообще, всё это делается гораздо короче:

input.addEventListener('blur', function() {
  const value = this.value.trim();
  if (value) {
    this.value = value
      .split(/\s+/)
      .map(n => n[0].toUpperCase() + n.slice(1))
      .join(' ');
  }
});

// или

input.addEventListener('blur', ({ target: t }) => {
  t.value = t.value
    .trim()
    .replace(/\s+/g, ' ')
    .replace(/(^|\s)\S/g, m => m.toUpperCase());
});

const getPrimitiveProps = (obj) =>
  Object.entries(obj).reduce((acc, [ k, v ]) => ({
    ...acc,
    ...(v instanceof Object ? getPrimitiveProps(v) : { [k]: v }),
  }), {});

или

const getPrimitiveProps = (obj) =>
  Object.assign({}, ...Object.entries(obj).map(([ k, v ]) =>
    v instanceof Object ? getPrimitiveProps(v) : { [k]: v }
  ));

document.addEventListener('keydown', e => {
  if (e.key === 'Backspace' && e.target !== display) {
    display.value = display.value.slice(0, -1);
    // или
    display.value = display.value.substring(0, display.value.length - 1);
    // или
    display.value = display.value.replace(/.$/, '');
    // или
    display.value = display.value.match(/.*(?=.$)/);
    // или
    display.value = [...display.value].filter((n, i, a) => -~i < a.length).join('');
  }
});