I need help improving my code!

var students = [
  { name: 'Samuel',
    track: 'Front End Web Development',
    achievements: 57, 
    points: 1445 },

  { name: 'Frederick',
    track: 'Full Stack Javascript Development',
    achievements: 200,
    points: 12000 },

  { name: 'Adora',
    track: 'Data Science',
    achievements: 39,
    points: 1259 },

  { name: 'Simon Tan',
    track: 'Front End',
    achievements: 350,
    points: 234000 },

  { name: 'Madeline Winterbottom',
    track: 'Psychology and Law',
    achievements: 145634,
    points: 759000321 }
];

var HTML = '';
var input;

/*
you priority when writing functions is to be able to reuse them
so i made the node name a variable
*/
function print (nodeName , input) {
  var node = document.getElementById(nodeName)
  node.innerHTML = input;
}
/*

do {
  input = prompt("Search student records. Type a name [Jody], or type [quit] to end.");
  for ( i=0; i < students.length; i++ ) {
    if ( input === students[i].name ) {
      HTML += "<h2>" + students[i].name + "</h2>";
      HTML += "<p>" + students[i].track + "</p>";
      HTML += "<p>" + students[i].achievements + "</p>";
      HTML += "<p>" + students[i].points + "</p>";
      print(HTML);
    }
  }
} while ( input !== "quit" )

*/

/*
i also replaced the while loop with a resuable function 
that accepts the student data and and them map over it to extract the 
the need fields.

things you may have to look up 
      **template literals 
      ** Array.map()
*/
function compose(studentData){
  const HTML = studentData.map( student => {
    return `
        <div>${student.name}</div>
          <p>${sudent.track}</p>
          <p>${sudent.achievements}</p>
          <p>${sudent.points}</p>
        </div>  
    `
  })
}

const htmlString = compose(students);
print('dom class or id', htmlString);