Za Za

document.querySelector('.modal-chtML')?.addEventListener('scroll', (event) => {
  if (event.target.scrollTop >= scrollChange) {
    add_class_on_scroll();
  } else {
    remove_class_on_scroll();
  }
});

document.querySelectorAll("input[type=radio]").forEach(input => {
  const oops = document.querySelector(".oops");
  input.onclick = () => {
    if(input.id.includes("1")) {
      oops.classList.add("hide");
      return
    } 
    oops.classList.remove("hide");
  }
});

Получить массив с именами классов,
отфильтровать начинающиеся на искомую подстроку,
удалить только их:
через 3 секунды удалятся классы, начинающиеся на "habr--"

Кого надо удалить: const classPrefix = 'modal--';

Удаляем:

Array.from(el.classList).forEach(n => el.classList.toggle(n, !!n.indexOf(classPrefix)));

или

el.classList.remove(...[...el.classList].filter(n => n.startsWith(classPrefix)));

или

for (let i = el.classList.length; i--;) {
  if (el.classList[i].search(classPrefix) === 0) {
    el.classList.remove(el.classList[i]);
  }
}

или

el.classList.value = el.classList.value
  .split(' ')
  .filter(RegExp.prototype.test.bind(RegExp(`^(?!${classPrefix})`)))
  .join(' ');

или

el.className = el.className.replace(RegExp(`(^| )${classPrefix}\\S*`, 'g'), '').trim();

Сразу определим селекторы элементов и класс, они нам дальше понадобятся:

const blockSelector = 'селектор блоков';
const buttonSelector = 'селектор кнопок';
const activeClass = 'класс, показывающий блок';

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

const blocks = document.querySelectorAll(blockSelector);
const buttons = document.querySelectorAll(buttonSelector);

buttons.forEach((n, i) => {
  n.addEventListener('click', () => {
    blocks[i].classList.toggle(activeClass);
  });
});

Кстати, создавать отдельные обработчики клика для каждой из кнопок не обязательно, можно сделать один общий. Как при этом получать индексы? - их можно прицепить прямо к кнопкам. Например, в виде data-атрибута:

const onClick = function({ currentTarget: { dataset: { index } } }) {
  this[index].classList.toggle(activeClass);
}.bind(document.querySelectorAll(blockSelector));

document.querySelectorAll(buttonSelector).forEach((n, i) => {
  n.dataset.index = i;
  n.addEventListener('click', onClick);
});

Также есть вариант вычислять индекс при клике:

const blocks = document.querySelectorAll(blockSelector);
const buttons = document.querySelectorAll(buttonSelector);

buttons.forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const index = Array.prototype.indexOf.call(buttons, this);
  blocks[index].classList.toggle(activeClass);
}

А вообще, если у каждой из пар кнопка-блок есть отдельный общий предок (const containerSelector = '...';), то индексы не нужны. Достаточно от нажатой кнопки подняться до общего предка кнопки и блока, и найти внутри блок (а можно даже и не искать, если добавлять класс контейнеру; конечно, стили придётся в этом случае немного изменить, вместо .блок.класс будет .контейнер.класс .блок):

const toggleBlock = button => button
  ?.closest(containerSelector)
  ?.querySelector(blockSelector)
  .classList
  .toggle(activeClass);


// можно добавить обработчик клика каждой кнопке индивидуально
document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => toggleBlock(e.currentTarget));

// или один раз на всю страницу
document.addEventListener('click', e => {
  toggleBlock(e.target.closest(buttonSelector));
});

// Пусть, список будет в строке разделенной вертикальной чертой
"contacts|goods|gallery|reviews|screen".split`|`
// Находим каждый элемент
.map(data=>document.querySelector(`.blocks__item[data-item="${data}"]`))
// Вешаем на элементы событие mouseenter
.forEach(el=>el.addEventListener('mouseenter',e=>{
  // Класс активного элемента надо удалить только у активного элемента
  document.querySelector`.blocks__item.blocks__item--active`.classList.remove`blocks__item--active`;
  // А элементу, вызвавшему это событие надо добавить класс активности
  e.target.classList.add`blocks__item--active`;
  // Еще где-то какому-то элементу присвоим класс, частично формирующийся из атрибута элемента события 
  document.querySelector`.blocks__phone-bg`.className = `blocks__phone-bg blocks__phone-bg--${e.target.getAttribute`data-item`}`;
});
// Вот и все!

нужно рекурсивно обойти дерево DOM по узлам Node:
берём корневой узел и перебираем его дочерние узлы childNodes.
Интересуют только текстовые: где node.nodeType === Node.TEXT_NODE
в каждом с содержанием node.nodeValue работать как со строкой текста – заменить/убрать искомый символ.

Если же попался не-текстовый узел, то рекурсия! – перебирать таким же образом его childNodes

если к атрибутам svg доступа нет то можно так:

.qr-code svg {
  display: block;
  transform: scale(calc(400 / 1080));
  transform-origin: 0 0;
}

p.s.
ну и overflow: hidden; для .qr-code

PHP собирает HTML и отдает его браузеру клиента. Задерживать работу PHP нет никакого смысла, у клиента просто будет позже открываться сайт. У вас есть три варианта:

• вынести парсер на сторону клиента
  
• делать ajax-запрос на сервер
  
• сохранять данные парсера в json/html и обновлять по условию
  

<?php

$url = 'https://site.ru/folder/dex/index.php';

$url_dirname = dirname($url);

print_r($url_dirname); // https://site.ru/folder/dex

document.querySelectorAll('.full').forEach(f => {
  if(f.children.length > 1) {
    f.classList.add('blue')
  }
})

Кому надо добавить класс, какой класс, сколько вложенных элементов должно быть:

const selector = 'селектор элементов';
const className = 'класс';
const minChildrenCount = 666;

Добавляем:

for (const n of document.querySelectorAll(selector)) {
  n.classList.toggle(className, n.children.length >= minChildrenCount);
}

// или (нет, так делать точно не надо - для 0 результат будет некорректным)

document
  .querySelectorAll(`${selector} > :nth-child(${minChildrenCount})`)
  .forEach(n => n.parentNode.classList.add(className));

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

const simpleString = '7911xxxxxxx';

const validateStr = (str) => {
  let result = '';
  if (typeof str !== 'string') throw 'Parameter is not a string!';
  if (str.length >= 10) throw 'Phone is incorrect!';
  if (str[0] === '7') result = '+' + str;
  return str;
}