The code writes the output only after exiting the while loop.

class Student {
  constructor(name, track, achievements, points) {
    this.Name = name;
    this.Track = track;
    this.Achievements = achievements;
    this.Points = points;
  }
}

let students = [
  new Student('Adi', 'Python', "10", 9000),
  new Student('Clau', 'JS', "2", 1000),
  new Student('Ade', 'C++', "4", 2000),
  new Student('Hera', 'Go', "5", 3000),
  new Student('Tyson', 'Ruby', "6", 4000)
]

let all_students = new Map();
  for (student of students) {
    let key = student.Name.toLowerCase();
    all_students[key] = student;
  }

const print = (msg) => {
  let elOutput = document.getElementById('output');
  elOutput.innerHTML = msg;
};

const getStudentRecord = (student) => {
  let report = `<h2>Student: ${student.Name}</h2>`;
  for (let key in student) {
    if (key != 'Name') {
      report += `<p>${key}: ${student[key]}</p>`
    }
  }
  return report;
};

while (true) {
  let query = prompt('Find a student record: ');
  if ( query === null || query === 'quit' || query === '') {
    break;
  }
  query = query.toLowerCase();
  record = all_students[query]
  if (record) {
    msg = getStudentRecord(record);
    print(msg);
  }
}