Как рисуются такие связи между блоками на svg?

godsplane, всё правильно. Для моего возраста это 9-10 класс.
Так что вспоминайте.

PS:
Дам наводку.
Так же, на GitHub можно напречь поиск и там посмотреть по логике реализации создания рисунка на SVG в JS.

Как рисуются такие связи между блоками на svg?

godsplane, а вот тут уже включаем математику, дизайн, и рассчитываем углы, где должны быть изгибы. У вас всего лишь один patch или у вас их будет четыре. Может вы каждый patch засунете в отдельный слой...
Тут решать только вам. Ещё раз - математика. Кода вам могут и не дать, ибо тогда это не помощь. Тут нужно самому сесть и начать рассчитывать.

Как рисуются такие связи между блоками на svg?

Вопрос был не о адаптивности, а о том - как?
godsplane, https://github.com/svgdotjs/svg.js посмотрите.

Как доработать document.querySelector?

document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.heading').forEach(function(el){
        window.innerWidth < 767 ? el.classList.remove('gsap-reveal-hero') : el.classList.add('gsap-reveal-hero');
    });
});

Как доработать document.querySelector?

Andress84, правильно, а forEach применить к результату данного метода? Ну или хотя бы документацию почитать

Как доработать document.querySelector?

document.querySelectorAll() не подходит?

Почему var_dump выводит больше, чем нужно?

но до этого у меня был нормальный вывод

Когда?
Насколько помню, var_dump выводит всю информацию об объекте в отличии от print_r

Как каждой цифре задать чтобы она переходила на другой сайт чтобы в url показывало число на которое нажал?

Gmas1er, ещё раз

есть день, есть месяц, есть год (тем более всё это вы можете получить в php),

Атрибуты HTML data никто не отменял. Получить значение из data в js, думаю, вам вообще не проблема. Ну и перенаправить запрос в браузере тем более не проблема.

Я перечислил всё, о чём вам нужно напречь поиск. Описывать более подробно здесь не имеет смысла.

Как каждой цифре задать чтобы она переходила на другой сайт чтобы в url показывало число на которое нажал?

Gmas1er, есть день, есть месяц, есть год (тем более всё это вы можете получить в php), так в чём именно проблема у вас?

Как отредактировать актуальные данные в localStorage по конкретному id в объекте?

но редактирование происходит не по актуальному PassengersId, а по последнему

Ну так это вы сами так задаёте.
Посмотрите на свой цикл и скажите, чему равен passengerID в итоге? Да, именно последнему элементу из currentPassengers.

Почему в input padding выходит за margin?

aspirantes, я всё прекрасно вижу.
Это не баг, это инпут себя так ведёт.
Здесь много чего можно рассказать... Просто помните, что инпут ведёт себя ни как блок, даже если вы явно указываете ему им быть.

Почему в input padding выходит за margin?

aspirantes, паддинг не выходит из маргин. Этого вообще не может быть))
Вам нужно просто понять, что такое margin и что такое padding. Что они делают и вчём разница.
В вашем случае margin схлопывается справа.

Почему в input padding выходит за margin?

aspirantes,
Для input добавьте
max-width: calc(100% - 1rem);
Т. е. рассчитываем максимальную ширину инпута 100% минус margin слева и справа.

Почему в input padding выходит за margin?

aspirantes сделайте пример в песочнице, например в codepen.io

Как отфильтровать с помощью jQuery метода filter только только те селекторы которые есть в массиве?

Важно отобразить только те блоки в которых есть лишь все перечисленные классы.

$('.cp-hit-item.' + window.capacity.join(".")).fadeIn(100);

Как отобразить файл по директории,не выбрав её?

системный же, а потом и инпут скрытым окажется...

Dimonchik, вы хоть представляете, ну или хотя бы знаете, какой локальный путь устанавливается для файла после его выбора в браузере? Про NodeJS сейчас речи нет, я про браузер.

Как создать файл?

Сергей delphinpro, и то, и то, и то... всё это будет правильно.
А по хорошему нужно знать mime тип файла по дефолту.

Как поменять цвет при наведении на другой элемент, если тот находится выше элемента на который навожу?

<div>
 <div class="watch__name">Сергей Васильев</div>
<a href="#" class="third-hover" onmouseover="changeItem(this)" onmouseout="rechangeItem(this)">Посмотреть справку</a>
</div>
 <div>
 <div class="watch__name">Сергей Васильев</div>
<a href="#" class="third-hover" onmouseover="changeItem(this)" onmouseout="rechangeItem(this)">Посмотреть справку</a>
</div>
 <div>
 <div class="watch__name">Сергей Васильев</div>
<a href="#" class="third-hover" onmouseover="changeItem(this)" onmouseout="rechangeItem(this)">Посмотреть справку</a>
</div>

function changeItem(a){
  a.previousElementSibling.style.color = "red";
}
function rechangeItem(a){
  a.previousElementSibling.style.color = "inherit";
}

Если коротко.

Как отобразить файл по директории,не выбрав её?

Даже если и на NodeJS делаете... То как точно вы знаете, что файл вообще существует?

Как создать файл?

Чёрт его знает что за xd, в реестре не нашёл даже.
Значит делаем так

let blob = new Blob([text], { type: 'application/download' });