Feedback on solution please

//Array of student objects

let students = [

  {
    name: "Manuel",
    track: "Python",
    acheivements: 30,
    points: 1560,
  },

  {
    name: "Jose",
    track: "Javascript",
    acheivements: 23,
    points: 450,
  },

  {
    name: "Sarah",
    track: "HTML",
    acheivements: 53,
    points: 1890,
  },

  {
    name: "Tess",
    track: "C+",
    acheivements: 2,
    points: 67,
  },

  {
    name: "Coolio",
    track: "PHP",
    acheivements: 56,
    points: 2013,
  },

];

//Sets output as empty string and selects <div> with id="output"
let output = ''
let html = document.querySelector("#output");


//Iterates through each student object in the students array
for ( let student in students ) {

//  Iterates through each key-value pair in the current student object
  for ( let key in students[student] ) {

//      Puts current value in a variable for readability and capitalises first letter of the key
      let value = students[student][key];
      let keyCapitalized = key.charAt(0).toUpperCase() + key.slice(1);

//      Puts each name key-value pair as a <h2> and all other pairs as <p> and adds to output string 
      if ( key === 'name' ) {
          output += `<h2><strong>${keyCapitalized}: ${value}</strong></h2>`;
      } else {
        output += `<p>${keyCapitalized}: ${value}</p>`;
      }
  }

//  Line break after each student object
  output += '<br>'

}


// Writes the output string into the HTML
html.innerHTML = output;