Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?

Для сортировки списка людей по их дате рождения в порядке от младшего к старшему в HTML, вы можете использовать JavaScript. Давайте разберем шаги:

1. Ваш HTML должен содержать список людей, например, в виде элементов <ul> и <li>, где каждый элемент <li> содержит информацию о человеке, включая дату рождения.

Пример HTML:

<ul id="peopleList">
    <li>
        <span>Иван</span>
        <span>01.01.1990</span>
    </li>
    <li>
        <span>Мария</span>
        <span>15.05.1985</span>
    </li>
    <!-- Здесь можно добавлять еще людей -->
</ul>

2. Далее, вам нужно добавить скрипт JavaScript, который получит элемент <ul> с id peopleList, сортирует его детей (элементы <li>) по дате рождения и пронумерует их.

Пример JavaScript:

// Получаем список людей
const peopleList = document.getElementById('peopleList');

// Преобразуем детей списка в массив для удобной сортировки и нумерации
const peopleArray = Array.from(peopleList.children);

// Сортируем массив по дате рождения (самый младший - первый)
peopleArray.sort((a, b) => {
    return new Date(a.children[1].textContent) - new Date(b.children[1].textContent);
});

// Нумеруем отсортированные элементы
peopleArray.forEach((person, index) => {
    person.insertAdjacentText('beforeend', ` (${index + 1})`);
});

// Обновляем отсортированный и пронумерованный список
peopleArray.forEach(person => {
    peopleList.appendChild(person);
});

3. В результате выполнения данного кода, элементы в списке людей будут отсортированы по дате рождения от младшего к старшему и пронумерованы по порядку. Вы можете добавлять новых людей в HTML, и они будут автоматически участвовать в сортировке и нумерации.

Надеюсь, что это решение поможет вам сортировать и нумеровать список людей по их дате рождения в порядке от младшего к старшему.