По сути весь код:
<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) 10101(2) = 1∙2^4+0∙2^3+1∙2^2+0∙2^1+1∙2^0 = 16+0+4+0+1 = 21(10)
2) 11101(2) = 1∙2^4+1∙2^3+1∙2^2+0∙2^1+1∙2^0 = 16+8+4+0+1 = 29(10)
3) 01010(2) = 0∙2^4+1∙2^3+0∙2^2+1∙2^1+0∙2^0 = 0+8+0+2+0 = 10(10)
4) 11111(2) = 1∙2^4+1∙2^3+1∙2^2+1∙2^1+1∙2^0 = 16+8+4+2+1 = 31(10)
5) 01110(2) = 0∙2^4+1∙2^3+1∙2^2+1∙2^1+0∙2^0 = 0+8+4+2+0 = 14(10)
10101(2) - 10101 в двоичной системе счисления
21(10) - 21 в десятичной системе счисления
1*2^4 - 1 умножить на 2 в четвёртой степени
* - знак умножить