THIS IS WHAT I DID IN PART 1.

function print (message, element) {
 var HTML = document.getElementById(element);
  HTML.innerHTML= message;
}
function list (name, track, achievements, points) {
  return "<li>"+ name
        + "<ul>"
           + "<li>"+ track.join(", ") + "</li>"
           + "<li>" + achievements + "</li>"
           + "<li>" + points + "</li>"
      + "</ul></li>"
}
var insideHTML= "<ol>";
var students = [
  {name:'ron', track:['html', 'css', 'javascript'], achievements:3000, points:3100 },
    {name:'grace', track:['design', 'photoshop', 'html'], achievements:2000, points:2100 },
    {name:'mae', track:['c#', 'python', 'php'], achievements:1000, points:1100 },
    {name:'nel', track:['javascript', 'python', 'design'], achievements:4000, points:100 },
    {name:'boom', track:['javascript', 'c#', 'android'], achievements:4000, points:100 }
];


for (i=0; students.length > i; i++) {
    insideHTML+=list(students[i].name, students[i].track, students[i].achievements, students[i].points);
}
insideHTML+="</ol>"
print(insideHTML, "output");