testkeyc

var string = 'абв123'

if (string.includes('б')) {
  throw new Error('error')
}

Может Box нужно создать?

let Box = new Boxes(x, y, z, color)

new Boxes(x, y, z, color);

/* далее ваш код */

На реакт стоит переходить, когда код на jquery превращается в неподдерживаемую лапшу.
В обычных сайтах смысла нет, в интерфейсах да.
Вордпресс например админку собирается переводить на реакт.

Ищите онлайн визивиг-редакторы по запросу wysiwyg online. В них сможете вставлять из ворда, всё будет сконвертировано в HTML. В них же сможете очистить код от остаток мусора, который остался от ворда.

React в основном применяется при создании пользовательских интерфейсов приложений на js. так же react использует компонентный подход, можно разбить UI на несколько компонентов которые можно использовать много раз, что помогает избежать копирования кода. использовать его с wordpress скорее всего смысла нет у wordpress свой подход к созданию веб страниц. Суть данной библиотеки отделить front end в отдельное приложение которое общается с back end по API. какой язык используется в back end не важно. Если вы хотите создавать сайты, блоги и single page приложения можно посмотреть в сторону связок React + Firebase, или React + GraphQL(API) + MongoDB(NoSQL).
Учить всё это стоит, это современные технологии которые применяются сейчас везде.
Есть отличный youtube канал webDev посвящённый react.
Желаю вам удачи и продуктивных рабочих дней)

Не уверен как именно у вас сделаны партнеры. Но задача обычно решается так:
Создаётся тип записи "Партнеты" и таксономия для него "Города". По аналогии как "Записи" и "Рубрики".
Далее вы создаёте партнеров и добавляете их к одному или к нескольким городам.

Теперь у вас есть возможность средствами ВП получать партнеров как всех, так и по городам.

Далее, остаётся только вывести это дело. Вывести можно на стороне сервера с помощью WP_Query или получить и отобразить на стороне клиента используя REST API

let mape=true;
window.onscroll = function showHeader(){
  let map = document.getElementById("map");

  if(window.screen.width>=992){
    if(window.pageYOffset > 130) {
if(mape===true){
mape=false
map.innerHTML = '<iframe src="Тут будет ссылка на карту" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>'
}
      
    
  }

}

Самый простой способ: сделать скролл в 2 шага и после scrollIntoView вызывать доскрол на нужное кол-во пикселей, типа такого

window.scrollBy({
  top: -10,
  left: 0,
  behavior: 'smooth'
}); //

Но если хотите плавности, вам придется, вероятно, отказаться от scrollIntoView, получать координаты верхушки вашего anchor, менять их на нужное кол-во пикселей и вызывать window.scrollTo, передавая туда координаты в параметр top

Добавил демо

Например, так

Лучше с предыдущим

function arr() {
  const a = [1, 2, 3, 6, 6, 7, 6];

  for (let i = 1; i < a.length; i++) {
    if (a[i] === a[i - 1]) {
      console.log('совпало');
    } else {
      console.log('не совпало');
    }
  }
}

arr();

искать и читать доку вас конечно же не учили?

У вас в условии идет присвоение, а не сравнение

for (let i = 0; i < a.length; i++) {
   console.log(a[i][0]);
}

Оптимизация iframe
В статье приведен ваш пример.

Проблема в том что переменная input содержимого присваивается до клика и она пустая в тот момент.

Правильно так:

button.onclick = () => {
    let input = document.querySelector('.u-1').value;
    arr1.push(input);
    div.innerHTML = arr1;
}

или так(input ссылается на объект DOM дерева):

let input = document.querySelector('.u-1');
button.onclick = () => {
    arr1.push(input.value);
    div.innerHTML = arr1;
}