Как заставить регулярку найти скобку?

Надеялся что есть решение проще

Куда уж проще-то:

const h1 = document.querySelector('h1');

document.querySelector('input').addEventListener('input', function() {
  const reg = RegExp(this.value.replace(/[[\\^$.|?*+()]/g, '\\$&'), 'gi');
  h1.innerHTML = h1.textContent.replace(reg, '<span class="highlight">$&</span>');
});

Как заставить регулярку найти скобку?

Пусть пользователь сам экранирует спецсимволы. Или перед вызовом конструктора выполняйте замену спецсимволов на них самих же, но с экранированием.

Как заставить регулярку найти скобку?

Ну так это тоже скобка, она тоже должна быть экранирована.

Как заставить регулярку найти скобку?

https://learn.javascript.ru/regexp-escaping#new-regexp

Как найти в h1 текст и подсветить его?

Не надо править код в песочнице, ссылка на которую опубликована в тексте вопроса - так вы портите вопрос.

Круглые скобки забыли - вместо "текст" должно быть "(текст)", или передавайте в конструктор `(${text})` вместо text.

Или в подставляемой строке вместо $1 пусть будет $&.

Как найти в h1 текст и подсветить его?

Найдите здесь у себя закрывающий тэг span:

'<span class="highlight">$1<span>'

Ну? Где? Нет такого.

Как правильно написать алгоритм нахождения координат углов области пересечения двух прямоугольников?

было

Функция в js не находит input checkbox в состоянии checked. (Пишет null). Что не так наворочено ))?

В разметке:

id="cable"

В js:

document.querySelector('#cabel')

Как так?

Как проверить коллекцию input на пустоту?

Mesuti, думайте.

Как вывести массив ссылок, добавив заголовки?

hzzzzl, да так и называется - запятая.

В чём проблема с querySelector внутри querySelectorAll?

document.querySelector меняйте на item.querySelector

Как бесконечно проходить по массиву с задержкой?

Нет блин, сам собой уничтожится. Достаточно об этом подумать. Телепатия.

Дополнил ответ.

Как отфильтровать по инпутам-чекбоксам массив элементов с помощью метода filter?

<div id="filters"></div>
<div id="filtered"></div>

const arr = [
  'italy', 'usa', 'spain', 'usa', 'usa',
  'france', 'spain', 'france', 'usa',
  'italy', 'spain', 'usa', 'france'
];

const filters = document.querySelector('#filters');

filters.innerHTML = Array
  .from(new Set(arr), n => `<label><input type="checkbox" value="${n}">${n}</label>`)
  .join('');

filters.addEventListener('change', function() {
  const checked = Array.from(this.querySelectorAll(':checked'), n => n.value);

  document.querySelector('#filtered').innerHTML = arr
    .filter(n => checked.includes(n))
    .map(n => `<span class="${n}">${n}</span>`)
    .join(', ');
});

#filtered {
  font-size: 48px;
}

.italy { color: green; }
.spain { color: yellow; }
.france { color: blue; }
.usa { color: red; }

Как отфильтровать по инпутам-чекбоксам массив элементов с помощью метода filter?

Если "не работает" это всё, что вы способны сообщить... лучше бы молчали.

Как создать связный список из массива?

В чём была проблема сделать "некрутое" решение? - замена reduce на цикл дело тривиальное:

function createList(arr) {
  let list = null;

  for (let i = arr.length; i--;) {
    list = {
      val: arr[i],
      next: list,
    };
  }

  return list;
}

Как создать связный список из массива?

Георгий, есть. Этот чем не устраивает?

Почему не работает код с циклом forEach?

Дмитрий, а врать - это как, нормальное общение?

Почему не работает код с циклом forEach?

hulktoster,

смотреть я умею

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

что можно понять с сообщения "is not a function"?

Всё можно понять, это сообщение - ответ на ваш вопрос.

Почему не работает код с циклом forEach?

Когда научитесь в консоль смотреть?

Что делают эти строки в коде?

petrro,

переделать

Ваш вопрос был не об этом.