Как пронумеровать div в обратном порядке

У тебя есть div-элементы с классом .ot, и ты хочешь пронумеровать их в обратном порядке.

Вот рабочее решение на JavaScript, которое подойдёт для твоего случая.

<script>
document.addEventListener("DOMContentLoaded", function () {
  const items = document.querySelectorAll(".ot");
  const total = items.length;

  items.forEach((item, index) => {
    const number = total - index; // Обратный порядок: 5, 4, 3, 2, 1
    const numSpan = document.createElement("span");
    numSpan.textContent = number + ". ";
    numSpan.classList.add("ot-number"); // Добавляем класс
    item.prepend(numSpan);
  });
});
</script>

Вот обновлённый JavaScript-код, который:

Пронумерует все div.ot в обратном порядке
Добавит перед номером символ #
Уберёт точку после цифры
Использует класс ot-number (без инлайн-стилей)

document.addEventListener("DOMContentLoaded", function () {
  const items = document.querySelectorAll(".ot");
  const total = items.length;

  items.forEach((item, index) => {
    const number = total - index; // Обратный порядок: 5, 4, 3, 2, 1
    const numSpan = document.createElement("span");
    numSpan.textContent = "#" + number + " "; // #1, #2, без точки
    numSpan.classList.add("ot-number");
    item.prepend(numSpan);
  });
});