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

 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);