JavaScript AJAX Basics (retiring) Programming AJAX Stage 2 Challenge

matt davis
matt davis
12,991 Points

Why is the status of the rooms not showing?

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

1 Answer

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 50,907 Points

The class is rooms. You have bulleted.

var roomHTML = '<ul class="rooms">';