По сути весь код:
<script>
var users = [];
function addUser() {
// записываем объекты в переменные
var newUser = document.getElementById("input_name");
var listFamilies = document.getElementById("list_families");
users.push(newUser.value); // записываем юзера
users.sort(); // сортируем
// заполняем лист
var content = "";
for (var i = 0; i < users.length; i++) {
content += `<li class="list-group-item"><b>${i + 1})</b> ${users[i]}</li>`;
}
// рисуем новый список
listFamilies.innerHTML = content;
// очищаем ввод
newUser.value = "";
}
</script>
Скрин в приложении. Сам пример, будет доступен 14 дней с момента публикации ответа: https://dropmefiles.com/bVYIF
Задание 1: 4132
4 Экзамен | ЕГЭ | Информатика | Литература
1 Экзамен | ЕГЭ | Информатика
3 Экзамен | ЕГЭ
2 Экзамен & ЕГЭ & Информатика
Задание 2: 3124
3 рыбки
1 рыбки & аквариум
2 рыбки & аквариум & гуппи
4 рыбки & аквариум & гуппи & купить
Задание 3: 3421
3 Сок | Нектар
4 Сок
2 Сок & Апельсин
1 Сок & Апельсин & Яблоко
Задание 4: 2134
2 волейбол | баскетбол | подача | блок
1 волейбол | баскетбол | подача
3 волейбол | баскетбол
4 волейбол & баскетбол & подача
Задание 5: 2341
2 алгоритм & сжатие & графика & архиватор
3 алгоритм & сжатие
4 алгоритм | (сжатие & графика)
1 сжатие | графика | алгоритм
Задание 6: 1423
1 (Автомобили – Ford) & новые
4 Автомобили – Ford
2 Автомобили
3 Автомобили | Ford
Задание 7: 3124
3 отдых & Сочи & Адлер
1 отдых & (Сочи | Адлер)
2 отдых & (море | Сочи | Адлер)
4 отдых | Сочи | Адлер
Задание 8: 4123
4 строительный & стоимость & купить & купить
1 строительный & стоимость & купить
2 строительный | материал | купить
3 строительный | материал | стоимость | купить
Задание 9: 5000
Новосибирск 3300
Красноярск 2200
Новосибирск & Красноярск 500
Новосибирск | Красноярск 5000
Задание 10:
Атос & Портос 335
Атос & Арамис 225
Атос & Портос & Арамис 120
Атос & (Портос | Арамис) 440
Графические подтверждения:
разница в 8 секунд