My solution to the challenge

var message = '';
var student;
var search;
var registor = [];

//To print message to output div.
function print(message) {
    var outputDiv = document.getElementById('output');
    outputDiv.innerHTML = message;
}

//Bring the registor into html format and stor it into report.
function getStudentReport()
{
    var report = '';

    for (var m = 0; m < registor.length; m += 1)
    {
            console.log(search);
            report += '<h2>Student: ' + registor[m].name + '</h2>';
            report += '<p>Track: ' + registor[m].track + '</p>';
            report += '<p>Points: ' + registor[m].points + '</p>';
            report += '<p>Achievements: ' + registor[m].achievements + '</p>';           
    }
    return report;    
}
// compare will check if any student have the same name.
function compare() {

    for (var i = 0; i < students.length; i += 1) {
        studentFirst = students[i];
        studentFirstName = students[i].name;
        studentLower = students[i].name.toLowerCase();

        for (var n = 0; n < students.length; n += 1) {
            student2 = students[n];
            student2Name = students[n].name;
            if ((studentFirstName === search || studentLower === search) && studentFirst.ID === student2.ID) {
                registor.push(studentFirst);
                console.log(registor);
            }
        }
    }
    return registor;
    console.log(registor)
}

while (true) {
    registor = [];
    search = prompt('Search student records: Type the name or type Quit to get out.');
    compare();
    if (search === null || search.toLowerCase() === 'quit') {
        break;
    } else {
        message = '<h2>Not a student</h2>';
        print(message);
    }
    for (var p = 0; p < students.length; p += 1) {
        student = students[p];

        if (student.name === search || student.name.toLowerCase() === search) {

            console.log(search);
            message = getStudentReport();
            print(message);
        }
    }

}