RealTime Response & User Entry

var students = [ 
  { 
    name: 'dave',
    track: 'Front End Development',
    achievements: 158,
    points: 14730
  },
  {
    name: 'Jody',
    track: 'iOS Development with Swift',
    achievements: 175,
    points: 16375
  },
  {
    name: 'Jordan',
    track: 'PHP Development',
    achievements: 55,
    points: 2025
  },
  {
    name: 'John',
    track: 'Learn WordPress',
    achievements: 40,
    points: 1950
  },
  {
    name: 'Trish',
    track: 'Rails Development',
    achievements: 5,
    points: 350
  }
];

//hold a string of html that build up in the loop and print our to the document
var message = ' ';

//use this variable in the loop to hold th students object each time the loop runs
var student;

//creates a variable to search on
var search;


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


//print out a message showing the student data
//this function has one parameter: student that will return the students data
function getStudentRecord ( student ) {
  //create a variable inside the function named report to print out the student data
  var report = '<p>My name is ' + '<b>' + student.name + '</b>' + '</p>';
  //add on to the report variable with other student data
  report += '<p> I am taking the ' + student.track + ' track </p>';
  report += '<p> I have ' + student.achievements + ' achievements </p>';
  report += '<p> And have accumulated ' + student.points + ' points </p>';
  //return the final string contained in the report variable
  return report;
}



//while loop will repeatedly prompt me to provide input in a dialog box until I click Cancel or type Quit
while ( true ) {

  //prompt user
  search = prompt('Search student records: type a name [Jody] (or type "quit" to exit the       program');

  //break out of program if Cancel is clicked or user types "quit"
  if (search === null || search.toLowerCase() === 'quit' ) {
    break;
  }

  for ( var i = 0; i < students.length; i += 1) {
  //compare actual student name with name user typed in dialog box
  student = students[i];
  if ( student.name === search  ) {
    //call the getStudentRecord function which has the strings of all the student data and store that in the message variable which will print out to the web page
    message = getStudentRecord ( student );
    print(message);
  } 
}

}