Get room numbers, but no status.

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if(xhr.readyState === 4 && xhr.status === 200) {
    var employees = JSON.parse(xhr.responseText);
    var statusHTML = '<ul class="bulleted">';
    for (var i=0; i<employees.length; i += 1) {
      if (employees[i].inoffice === true) {
        statusHTML += '<li class="in">';
      } else {
        statusHTML += '<li class="out">';
      }
      statusHTML += employees[i].name;
      statusHTML += '</li>';
    }
    statusHTML += '</ul>';
    document.getElementById('employeeList').innerHTML = statusHTML;
  }
};
xhr.open('GET', '../data/employees.json');
xhr.send();

var rooms = new XMLHttpRequest();
rooms.onreadystatechange = function(){
  if(rooms.readyState === 4 && rooms.status === 200){
    var roomNumber = JSON.parse(rooms.responseText);
    var roomAvail = '<ul class="bulleted">';
    for (var i=0; i<roomNumber.length; i += 1) {
      if (roomNumber[i].available === true) { 
        roomAvail += '<li class="available">';
      } else {
        roomAvail += '<li class="booked">';
      }
      roomAvail += roomNumber[i].room;
      roomAvail += '</li>';
    }
     roomAvail += '</ul>';
    document.getElementById("roomList").innerHTML = roomAvail;
  }
};
  rooms.open('GET', '../data/rooms.json');
  rooms.send();