0xD34F

function createArr(size) {
  const arr = [...Array(size)].map(() => Array(size).fill(0));

  const mid = (size / 2) | 0;
  arr.forEach((n, i) => {
    n[i] = n[size - i - 1] = 1;
    // если размер чётный, непонятно, где выставлять единицы, так что выставляем только для нечётных
    if (size & 1) {
      arr[mid][i] = n[mid] = 1;
    }
  });
  // хотя, конечно, есть вариант ставить по два вертикальных и горизонтальных ряда единиц
  /*
  const mid = (size - 1) / 2;
  arr.forEach((n, i) =>
    n[i] =
    arr[mid | 0][i] =
    arr[Math.ceil(mid)][i] =
    n[mid | 0] =
    n[Math.ceil(mid)] =
    n[size - i - 1] =
  1);
  */

  return arr;
}

Оценить результат работы можно так, например:

console.log(createArr(21).map(n => n.join('')).join('\n'));

Выведет такое вот чудище:

100000000010000000001
010000000010000000010
001000000010000000100
000100000010000001000
000010000010000010000
000001000010000100000
000000100010001000000
000000010010010000000
000000001010100000000
000000000111000000000
111111111111111111111
000000000111000000000
000000001010100000000
000000010010010000000
000000100010001000000
000001000010000100000
000010000010000010000
000100000010000001000
001000000010000000100
010000000010000000010
100000000010000000001

Ну, ясно же написано - Invalid Json. У вас в $data отсутствует в конце закрывающая фигурная скобка.

Сейчас: ..."+79024049398"}.
Должно быть: ..."+79024049398"}}.

Ваш код отлично работает. В смысле - ошибок нет, запрос успешно выполняется.

"Не доходит до проверки" - имеется в виду, что ни один из console.log не отрабатывает? Ну так это неудивительно - не вижу, чтобы переменная isStreamOnline объявлялась.

Получается так: данные успешно получены, условие stream === null оказывается ложным (проехали мимо первого console.log) - идём в else, там проверка на typeof isStreamOnline !== 'undefined' тоже оказывается ложной (проехали мимо второго console.log) - т.к. переменная не объявлена, стало быть она всё-таки undefined. Ну и после этого isStreamOnline устанавливается в true.

При повторном вызове checkStream - снова stream не null, затем проверка typeof'а наконец даёт положительный результат, но вторая часть условия (!isStreamOnline) оказывается ложной, т.к. isStreamOnline уже true - снова проезжаем мимо console.log.

Короче, добавьте объявление переменной, что-то вроде var isStreamOnline = false;, а проверку typeof на 'undefined' - уберите, достаточно одного !isStreamOnline.

Надо сгруппировать записи по марке автомобиля:

SELECT auto.*, count(parts.id) as total
FROM auto
LEFT JOIN parts ON auto.id = parts.auto_id
GROUP BY auto.id

Можно попробовать указывать условие по валюте/максимальной дате в джоине, типа так:

SELECT
  item_id,
  I.price * COALESCE(R.rate, 1) price_in_byr 
FROM Items AS I
LEFT JOIN Rates AS R ON
  I.currency = R.currency AND
  R.date = (SELECT MAX(date) FROM Rates WHERE Rates.currency = I.currency)
WHERE
  item_id = 5;

str.split('/').slice(0, -1).join('/') + '/'

или

str.slice(0, str.lastIndexOf('/') + 1)

или

str.match(/.+\//)[0]

или

str.replace(/[^\/]+$/, '')

Потому что это методы класса - их надо вызывать немного иначе:

$this->dec(...
$this->hex(...

Наследование тут не при чём. Функции dec и hex, объявляемые внутри функции itog, попадают в глобальную область видимости. При первом вызове itog их нет, поэтому всё нормально. При втором - они уже есть и происходит попытка переобъявления.

Как решить проблему? Есть варианты:

• Сделать функции dec и hex методами класса Construction
  
• Объявлять их вне класса Construction
  
• 
  

  $dec = function() {
    ...
  };
  
  $hex = function() {
    ...
  };

  
  
  

Делаете функцию, где обходите все элементы, от состояния которых сумма зависит, считаете сумму. Подключаете эту функцию в качестве обработчика событий, возникающих при изменении состояния элементов. Например.

Использовать DOMParser. Например.

А что такое scrollRight? Я такой функции не знаю. jQuery - тоже. Вот вам и причина, почему стили не применяются - ошибка "scrollRight is not a function".

Вам бы про контекст наложения почитать, станет понятнее, как работает z-index.

А что конкретно можно сделать с вашим окном... можно поднять его выше в DOM-дереве, поставьте .modal-overlay на один уровень с .content, например (правда, после этого центрирование кнопки отваливается, но уверен, поправить не проблема).

Можно воспользоваться mix-blend-mode. Типа так.

Поддерживается, правда, не всеми браузерами.

Надо удалять класс, отвечающий за анимацию, после её завершения. Можно делать это по событию animationend:

<button>click me</button>

button {
  background: green;
}

@keyframes xxx {
    0% { background-color: red; }
  100% { background-color: transparent; }
}

.xxx {
  animation: xxx 2s;
}

$('button').on({
  click() {
    $(this).addClass('xxx');
  },
  animationend() {
    $(this).removeClass('xxx');
  },
});

addClass вы делаете, замечательно - а где же removeClass?

https://jsfiddle.net/81d52wac/1/

Потому что все функции, переданные в setTimeout, вызываются после того, как цикл будет выполнен - а значение i к этому моменту будет равно 10.

Как исправить? Есть варианты:

for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(+this);
  }.bind(i), 100);
}

for (let i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 0; i < 10; i++) {
  setTimeout(alert, 100, i);
}

for (var i = 0; i < 10; i++) {
  setTimeout(new Function(`alert(${i})`), 100);
}

for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    alert(i++);
  }, 100);
}
i = 0;

Вместо .mark вешайте обработчик на body. Если клик не на .mark или не на .active - скрывать окно, если клик на .mark, у которого нет active - показывать окно. Типа так:

$('body').on('click', function(e) {
  var
    $target = $(e.target),
    isMark = $target.hasClass('mark'),
    isActive = $target.hasClass('active');

  if (!isMark || !isActive) {
    $('.mark.active +.tooltip').fadeOut();
    $('.mark.active').removeClass('active');
  }

  if (isMark && !isActive) {
    $target.addClass('active');
    $('.mark.active +.tooltip').fadeIn();
  }
});

$(this).closest('[data-category]').attr('data-category');

он не работает

Может, попробуете обрисовать проблему поконкретнее? А то знаете ли, варианты всякие есть. Например:

• В момент навешивания обработчика click элемент #ajax-book не существует
  
• На span внутри #ajax-book повешен обработчик click, где производится отмена всплытия
  
• ajax-book.php не существует или находится в другом месте или доступ к нему запрещён
  
• ошибки в ajax-book.php
  
• ajax-book.php возвращает не json