v3shin

По идее, после того, как система разобралась с url'ом, она должна передавать управление обработчику, в котором уже можно определять title. В частном случае это представлено в схеме MVC (Model-View-Controller): в контроллере есть action'ы, в которых подтягиваются данные моделей и передаются в представления (читай: шаблоны страниц). Вот в этих action'ах обычно описывается, каким образом формируется title, который потом передается в представление.

Текст ошибки: вы пытаетесь получить свойство classList у null. Найдите в коде где это вызывается и добавьте проверку на null.

let parts = "1привет 2привет 3привет 4привет 5привет".split('привет');
parts[3] += '<span>';
parts[4] = '<span>' + parts[4];
console.log(parts.join('привет'));

А это что за растопырка? Похоже, у вас код невалидный, и браузер старается как может исправить его.

Потому что элементы в DOM меняете, а обработчики на них не навешиваете.
Вешайте обработчики на document:

$(document).on('click', '.deletebtn', function () {});

https://developer.mozilla.org/ru/docs/Learn/CSS/St...

'required' => +isset($_POST['required'][$key]),

Задайте .testimonials такой же max-width, что и .frame.

Поменять структуру, добавив блокам класс, обозначающий блок:
<div class="testBlock test1">...</div>
И затем все нужные действия применять ко всем блокам:

$('div').on('click', function(e){
    $('.testBlock').addClass('active');
    return false;
});

Есть css-свойство order. Просто меняйте его в медиа-запросах.
https://developer.mozilla.org/ru/docs/Web/CSS/order

После изменения значения применяйте

dispatchEvent(new Event('input', {
    bubbles: true,
    cancelable: true,
}));

$('...').trigger('input') может не сработать.

element.innerHTML = textarea.value.replace(/\r/g, '').split('\n').map(str => str.trim() ? `<p>${str.trim()}</p>` : '').join('');

Примерно так. События и элементы пропишите свои.

<h1 class="hero__title">
  <span class="shadow">Дизайн и верстка</span>
  <span class="shadow">сайтов с нуля</span>
  <span class="shadow">для вас</span>
</h1>

.hero__title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.shadow {
  position: relative;
}
.shadow:after {
  background: #000;
  content: '';
  position: absolute;
  top: 10px;
  left: -10px;
  width: 100%;
  height: 100%;
  z-index: -1;
}