Student Record Search Challenge - My Solution

const print = message => {
    let div = document.getElementById("output");
    div.innerHTML = message;
}

let message = "";
let check = true;
do {
    let query = prompt(`Search student records: type a name of a student or type "quit" to end`);
    for (let i=0; i<students.length; i++) {
        if (query.toLowerCase() === students[i].name.toLowerCase()) {
            for (let prop in students[i]) {
                if (prop === "name") {
                    message += `<h3>Student: ${students[i].name}</h3>`;
                } else {
                    capitalProp = prop[0].toUpperCase() + prop.slice(1);
                    message += `<p><strong>${capitalProp}: </strong> ${students[i][prop]}</p>`;
                }
            }
            check = false;
        }
    }
    if (query === "quit") {
        alert("You have quit");
        break;
    } else if (check) {
        alert("Please enter a student's name");
    }
} while (check)
print(message);

/* Function: write "message" to HTML element with id "output". */
const print = message => {
    let outputDiv = document.getElementById("output");
    outputDiv.innerHTML = message;
}

let message = ""; /* initiates message string for print function */
let check = true; /* forces the do-while loop to continuously run unless "check" 
variable changes to false */

do {
    let query = prompt(`Search student records: type a name of a student or type "quit" to end`); /* continuously prompts user while check = true */
    for (let i=0; i<students.length; i++) { /*  iterates through the indices of 
students array. */
        if (query.toLowerCase() === students[i].name.toLowerCase()) { /* returns true 
if the user prompt in lower case is strict equal to the 
students.name value in lower case for each index of the students array. 
We can be flexible with the user input and how the variable is stored in the object.*/
/* so, if true: */
            for (let prop in students[i]) {
                if (prop === "name") {
                    message += `<h3>Student: ${students[i].name}</h3>`;
                } else {
                    capitalProp = prop[0].toUpperCase() + prop.slice(1);
                    message += `<p><strong>${capitalProp}: </strong> ${students[i][prop]}</p>`;
                } /* telling it to cycle through the properties in student array index. 
If the property/key is strict equals to "name" then we get "Student: (student.name)". 
Else, we report eg "Track: Web Design". I decided to change the 
property/key name dynamically so it wouldn't appear in all lowercase */

            } /* end of for-loop for properties in an object */
            check = false; /* since we've found a match of the query in the students 
array we can exit the do-while loop by declaring check = false */

        } /* end of if-statement */
    } /* end of for-loop that iterates through the students array indices */

/* At this point, if the name entered is one of the students.name in the students array then 
we know the following will all be false. The value of check = false now too and therefore will 
exit the do-while loop. */
/* If the name entered is NOT one of the students.name then: either... */
    if (query === "quit") {
        alert("You have quit");
        break; /*... we break out of the loop if the user types "quit" or... */
    } else if (check) {
        alert("Please enter a student's name");
    } /* ... we haven't found a student's name in the list, check = true, so we tell the user to
 enter a student's name. Since check is true we then loop all the way back to the start of the
 do-while loop */
} while (check)

print(message); /* updates the HTML to include the elements above if they're there */