Степан Крапивин

let [ n1, n2, n3, n4, n5, n6, n7, n8 ] = "14.09.1961".replaceAll(".", "").split("")

console.log(n2)
>>> '4'

потому что alert принимает только один аргумент и только его выводит.
Если надо вывести все значения через запятую, то придётся запихнуть их в строку

let num = 5;
let num2 = 7;
let num3 = 12;

alert(`${num}, ${num2}, ${num3}`)

Всё правильно сделал.

Добавь пару строк, в блок if

if(rect.y <= y && rect.y + rect.height > y) {
            
            let sectionId = section.id;
            console.log(sectionId);
            // дизактивируем все активные ссылки
            document.querySelector('.navigation .active').classList.remove("active");
            // активируем текущую
            document.querySelector(`[href*=${sectionId}]`).classList.add("active");
        }

вот так с помощью js и css:

https://codepen.io/xevin/pen/VwXxdxX

const config = require("./config.json");

alert(config['regions'][17])

Делается на Javascript с помощью якорной ссылки (никаких PHP и GET не требуется)

Вот пример - если открыть ссылку, отобразится фото на всю страницу.
Если убрать из ссылки якорную часть #lg=1&slid=0 то попадёшь в галерею, где можешь выбрать нужную фотографию для просмотра.
При клике на любую фотографию, в адрес добавляется якорь с номером фото.

Уменьшить карточку можно примерно вот так:

Судя по одному из твоих комментов структура такая:

const uslugi = {
  "fun":{
      "mtsAmedia":{
         "price":"600",
         "per":"month",
         "title":"эМТС Amediateka",
         "disc":"Тысячи сериалов в русской озвучке и на английском языке с субтитрами.",
         "toggled":"0"
      },
      "matSport":{
         "price":"60",
         "per":"month",
         "title":"эМТС спорт",
         "disc":"Пакет каналов для любителей спорта.",
         "toggled":"0"
      },
      "mult":{
         "price":"0",
         "per":"month",
         "title":"Подписка “Мульт”",
         "disc":"«Ми-ми-мишки», «Сказочный патруль» и еще 7000 серий любимых мультиков в детском онлайн-кинотеатре.",
         "toggled":"0"
      }
   }
}

Тогда, чтобы получить первый элемент в uslugi.fun делаем так:

const category = 'fun'
const firstFunName = Object.keys(uslugi[category])[0]
const data = uslugi[category][firstFunName]
console.log(data.price, data.title)

Используй формат JSON с обоих сторон.

1) нужно чтобы php выводил данные в JSON формате.
(А не как ты колхозишь строки в нечто, что ты называешь массивом)
Сделать можно с помощью встроенной функции json_encode()

2) в javascript тебе надо получить JSON в виде строки и распарсить его в javascript-массив с помощью встроенной функции JSON.parse()

Таким образом, используюя единый формат, ты упростишь себе и другим жизнь и не будешь изобретать велосипед.

вот так:

const text = 'Hello'
const age = 13
const shit = 'Some other shit'
xhr.send(`Text=${text}` + `&age=${age}` + `&shit=${shit}`);

console.log(JSON.parse(req.array)) // Не работает
Конечно, просто так берёт и "не работает" - выходной у него наверное...

Этот код должен выдавать ошибку. Ошибку пробовал читать?

'[{num: 1}, {num: 2}, {num: 3}]'

если бы это был JSON, то работало бы. Но это не JSON

в формате JSON названия полей должны быть в двойных кавычках:
'[{"num": 1}, {"num": 2}, {"num": 3}]'

потому что transform не применяется к инлайн-элементам

добавь стили

.plus {
  display: inline-block;
}