Сделать скрипт который будет запрашивать количество студентов группе и запрашивать их имена и фамилии, записывая их в массив с объектами. После полного ввода будет выводить пронумерованный список группы.
Пытался сам сделать обычный массив, не смог додумать как именно сделать так чтобы каждый ввод имени добавлялся в массив и сохранялся, и в последствии по нажатию кнопки показывал весь список внесенных студентов
<div id="forms">
<input id="name" type="text" placeholder="Имя">
<input id="surname" type="text" placeholder="Фамилия">
<input id="age" type="text" placeholder="Возраст">
<button type="button" name="button" id="button" value="submit" onclick="getArr()">Button</button>
</div>
<script>
function getArr() {
let inputAll = Array.from(document.querySelectorAll('#forms input'));
let arr = [];
let obj = {};
let checkFieldsLength = inputAll.every((el) => el.value.length);
if (checkFieldsLength) {
for (const input of inputAll) {
obj[input.id] = input.value;
}
arr.push(obj);
return console.log(arr);
}
return alert('Не все поля заполнены');
}
</script>