alexalexes

Простое решение - ничего не добавлять, а просто правильно смотреть access_log, группируя ip адреса при просмотре и сортируя по частоте появления в логе.

let group_list = document.querySelectorAll('.option__group');
group_list.forEach(function(g_e)
{
 if(g_e.querySelector('label').innerHTML == ' Цвет:' )
 {
  g_e.classList.add("displayblock");
 }
 else
 {
   g_e.classList.remove("displayblock");
 }
});

Выкидываем Jquery. Где видим $() - подразумеваем, что это оператор маскирует в себе document.querySelector() - для извлечения одного элемента, и document.querySelectorAll() для извлечения коллекции элементов.

А вот как получить li с определённым классом? Т.е. получить li допустим с классом li7.

Так, только нужно уточнить, из какого списка ul:

let li1_li7 = document.querySelector('ul.ul1 li.li7');
let li2_li7 = document.querySelector('ul.ul2 li.li7');

Как ни странно, учим синтаксис CSS-селекторов, чтобы не задавать этих вопросов.

Теперь надо заменить к примеру span1 на span3. Получить то я получаю.

В вашем случае для замены чего-либо в li элементах с определенным классом:

let li1_span_title = document.querySelector('ul.ul1 li.li1 span.title');
let li2_span_title = document.querySelector('ul.ul2 li.li1 span.title');
li1_span_title.innerHTML = li2_span_title.innerHTML;

Если что-то нужно делать с неопределенным числом списков ul, тогда условие задачи существенно меняется, и код тоже существенно изменится. Вот тогда вы будете что-то перебирать в нескольких списках циклом, возможно, несколькими вложенными циклами.

На HTML заготовке формы попробуйте добавить атрибут data-touch="false", оно же в опциях фанси: touch: false.

JS сильно обрезан приватными политиками в плане воздействия на ОС или получения дополнительной информации об ОС/файловой системе из песочницы браузера. В том числе по вашей проблеме. Ради безопасности и душевного спокойствия пользователей.

Вот в таких ситуациях я понимаю, зачем придумали VueJS )).
Если серьезно, то чтобы решить задачу в рамках существующего стека, то где-то тут нужно прервать поток выполнения JS функцией setTimeout с нулевым временем ожидания, и продолжить работать с инпутами внутри вызываемой функции setTimeout. Это позволит передать управление браузеру, чтобы он успел отрисовать то, что закинуто в DOM через innerHTML:

if (code[i] == nameBlock) {
                currentBlock.innerHTML = callback();
                setTimeout(function(currentBlock, inputs)
     {
  
for (var j = 0; j < currentBlock.querySelectorAll('input').length; j++) inputs.push(currentBlock.querySelectorAll('input')[j].getAttribute('name'));

                callback(null, null, inputs);
}, 0, // нулевое время setTimeout
currentBlock, inputs // проверьте, чтобы правильно передавались аргументы внутрь setTimeout
);
        break; // тут, наверное, можно прерывать внешний цикл, раз нашли нужное
            }

Если брать, например, библиотеку owl carousel, то там разработчики начальный слайд помещают в центр фактического расположения узлов списка слайдера, при прокручивании происходит смена позиций крайних слайдов этого списка.
Так обеспечивается непрерывность прокручивания, и пользователь никогда не дойдет до конца узлов списка.
Особый случай, когда область просмотр слайдов больше чем количество слайдов (можно ведь просматривать по 2-3 слайда одновременно), тогда нужно обеспечивать дубликатами слайдов список слайдов, чтобы обеспечить непрерывность.

Отображайте цвет в компонентах HSV (не RGB!), и перебирайте компоненту H - это координата цвета на цветовом спектре.

Используйте SVG-элемент polyline, чтобы нарисовать ломаные линии.
Однако, реперные точки, где линия ломается, вы должны сами вычислить.

В message.php:

var_dump(date('d.m.Y H:i:s'));
var_dump($_POST);
exit();

Посмотрите, меняется ли время и содержание поста. Если один раз, а потом не меняется, то копайте заголовки кеша для браузера.

Посмотрите в консоли, чему будут равны примеры:
undefined || 0
и
3 || 0
Сделайте вывод.

Сделайте тремя отдельными элементарными регулярками - поддерживать такой код будет проще намного:

if(       /^[a-zA-z]+/.test(login)  // проверка первого символа
   && /[a-zA-z0-9\-\.]+/.test(login)  // проверка входа символов в допустимый алфавит
   && !(/[^a-zA-z0-9\-\.]+/.test(login))  // проверка выхода символов из допустимого алфавита
   )
{
  // комплексная проверка пройдена!
}

Обычный элемент массива. Является анонимной функцией. Ничем примечательным, что элемент можно вызывать и передавать по ссылке, не выделяется. Нельзя сериализовать массив, сохранив функциональность данного элемента в массиве.

insertAfter
Вам нужен не этот метод. Для перемещения узлов в пределах родителя используется replaceChild.
PS:
".primary_menu ul li:nth-child(2)"
Научитесь захватывать узлы нативными методами querySelector и querySelectorAll.
Нет причин использовать JQuery в вашей задаче.

Используйте setInterval, чтобы сделать счетчик обратного отсчета.
Не совсем понятно, в какой момент вы хотите перейти по ссылке, но местечко найдется, где это вставить.

let bonus_timer = 5; // глобальный счетчик обратного отсчета
// что-то еще делаем перед началом отсчета
let bonus_timer_handler = setInterval(function()
{
  if(bonus_timer > 0)
  {
   // перерисовать title
   bonus_timer--; // уменьшить счетчик
  }
   else
  {
     // выдать бонус
    clearInteval(bonus_timer_handler); // зачистить генерацию событий setInterval
   }
}
, 1000); // обновить состояние bonus_timer каждую секунду

Читай все, но книжек мало.
Чем меньше технологий в названии, тем меньше будет галопом по Европам в содержании.
Ищите книжки отдельно по PHP (второй уровень прокачки - фреймворки: Laravel, Yii, Symphony и т.д.), отдельно JS (второй уровень прокачки: VueJS, React и т.д.), отдельно CSS (второй уровень - препроцессоры), MySQL (второй уровень Postgres, СУБД из кровавого интерпрайза). В дополнение всякие Memcached, Redis, Rest, TreeQL. Книги по шаблонам проектированиям, MVC модели и т.д., системы управления версиями, типа Git, контейнеризация, типа Docker и т.д., администрирование Linux/MS.
https://roadmap.sh/full-stack
https://roadmap.sh/frontend

1. Нужно убедиться, что файлы script.js и data.xml находятся в том же каталоге, что и index.html.
2. Нужен веб-сервер, так как ajax-запрос вы не сделаете на файл диска data.xml.
На сервере должен быть определен домен (путь будет локальный), и в каталоге, с которым ассоциирован домен, должны находиться вышеупомянутые файлы.
Обращаться к index.html необходимо через домен.

В JS - нельзя. От скриптов JS - можно.
cookie с опцией http only. Только устанавливать куку должен сервер, JS тут не при делах, так как вы изолируете важные переменные от JS клиента.