view not updated in real-time

var message = ''
var keepGoing = true

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

do {
  userInput = prompt("Type in the name of a student to look up records for. Type quit to quit.").toLowerCase()

  if (userInput === null || userInput === "quit") {
    message += '<h2> You\'ve quit the program. Good day!'
    print(message)
    keepGoing = false
  } else {
      for (var s in students) {
        if ( userInput === students[s].name.toLowerCase() ) {
          message += '<h2>Student: ' + students[s].name + '</h2>';
          message += '<p>Track: ' + students[s].track + '</p>';
          message += '<p>Points: ' + students[s].points + '</p>';
          message += '<p>Achievements: ' + students[s].achievements + '</p>';
          console.log(message)
          print(message)
        }
      }
    }
 } while (keepGoing)