Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Функция выводит только первый результат, а нужно чтобы выводила все результаты. Подскажите пожалуйста!!!!!!!!!!!!!!!!!

Антон Ненашев Ученик (129), закрыт 5 дней назад
 let allStudents=[
{name: 'Валя', age: 11},
{name: 'Таня',age: 24},
{name: 'Рома',age: 21},
{name: 'Надя', age: 34},
{name: 'Антон', age: 7}
]

function createStudentsList(listArr) {
let div = document.createElement('div');
let list = document.createElement('ul');


for (let i = 0; i < listArr.length; i++) {
let item = document.createElement('li');
let head = document.createElement("h2");
let span = document.createElement('span');

head.id = 'name-student';
span.id = 'age-student';

document.body.append(div);
div.appendChild(list);
list.appendChild(item);
item.appendChild(head);
item.appendChild(span);

div.style.backgroundColor = 'aquamarine';
div.style.border = '3px solid black';
div.style.padding = '15px';

for (let j of listArr) {
document.getElementById('name-student').textContent = j.name;
document.getElementById('age-student').textContent = j.age;
}
}

return;
}

createStudentsList(allStudents);
Лучший ответ
Björn Andersson Просветленный (23589) 2 месяца назад
let allStudents = [
{ name: 'Валя', age: 11 },
{ name: 'Таня', age: 24 },
{ name: 'Рома', age: 21 },
{ name: 'Надя', age: 34 },
{ name: 'Антон', age: 7 }
];

function createStudentsList(listArr) {
let div = document.createElement('div');
document.body.append(div);

let list = document.createElement('ul');
div.appendChild(list);

for (let student of listArr) {
let item = document.createElement('li');
list.appendChild(item);

let head = document.createElement('h2');
head.textContent = student.name;
item.appendChild(head);

let span = document.createElement('span');
span.textContent = 'Возраст: ' + student.age;
item.appendChild(span);

div.style.backgroundColor = 'aquamarine';
div.style.border = '3px solid black';
div.style.padding = '15px';
}

return;
}

createStudentsList(allStudents);
Антон НенашевУченик (129) 2 месяца назад
Спасибо большое!!!
Остальные ответы
Похожие вопросы