Rsa97

Использовать не radio, а checkbox.

li {
  break-inside: avoid-column;
}

Потому что нет элемента с классом div2, который одновременно является последним потомком своего родителя.
В CSS нет способа выбрать последний элемент с определённым классом.
Вы можете дать элементу какой-либо другой класс и использовать его.

setInterval(
  () => {
    (document.querySelector('[name="carousel"]:checked ~ [name="carousel"]')
      ?? document.querySelector('[name="carousel"]')
    ).checked = true;
  },
  5000,
);

Обернуть каждую букву в отдельный span.

.strictEqual(actual, expected, [message])
Asserts strict equality (===) of actual and expected.

[1, 2, 3] === [1, 2, 3] // false
И это вполне логично, поскольку хоть массивы и содержат одинаковый набор значений, это разные объекты.
Вам нужно делать сравнение либо через deepEqual, если порядок элементов имеет значение, либо через кастомную функцию, если порядок значения не имеет.

Никак не обезопаситься. Всегда можно посмотреть, что за запрос уходит из браузера и симмитировать его с любыми нужными полями/заголовками/куками.
Данным, пришедшим от клиента, доверять нельзя никогда.

P.S. Хотя для вашей ситуации можно на сервере подписать данные электронной подписью или зашифровать их и на сервере же проверять подпись/расшифровывать. Но если ключ будет один на всех, то можно будет подставить данные с другого клиента, а если ключ будет свой для каждой сессии, то проще хранить данные в сессии и не отдавать клиенту.

preventDefault

У вас нет пробела, в результате <?php}elseif($a аоспринимается интерпретатором как один неизвестный тэг.