Where is the first employee from the employees.json file, named Aimee?

Question

In both Dave's output as well as my own, the first employee gets dropped. Well, actually in my own output I get her first name with no styling and no in/out of office status. In Dave's output she is gone completely. The first employee in his output is "Amit" who is out of the office. So where is "Aimee"? Do we have different employees.json data files?

In my output "Amit" appears along with all the other employees correctly styled, but after the unstyled "Aimee". My employees.json file looks fine. "Aimee" is first, but if I swap her with "Amit", then "Amit" is unstyled with no in/out of office status, but "Aimee" then looks fine along with all the rest of the employees. Any ideas?

Here is my code:

$(document).ready(function() {
  var url = "../data/employees.json";  
  $.getJSON(url, function (response) {
     var statusHTML = '<ul class="bulleted"';
     $.each(response,function(index, employee){
       if(employee.inoffice === true) {
          statusHTML += '<li class="in">';
        } else {
            statusHTML += '<li class="out">';
        }
        statusHTML += employee.name + "</li>";
     });
     statusHTML += "</ul>";
     $("#employeeList").html(statusHTML);
   }); // end getJSON
 }); // end ready

Answer 1 · 2015-03-02T02:57:23Z

March 2, 2015 2:57am

Take a look at this line:

 var statusHTML = '<ul class="bulleted"';

You didn't close this element, so chances are the first item reads like this in the html:

<ul class="bulleted" <li>
Amit</li>
<li>Aimee</li>

So the first Amit is unstyled because it isn't really a list item yet, with an orphaned </li> closing tag after it, which the browser just ignores.

Welcome to the Treehouse Community

Looking to learn something new?

Benjamin Boruff

Benjamin Boruff

Where is the first employee from the employees.json file, named Aimee?

1 Answer

Gavin Ralston

Gavin Ralston

Benjamin Boruff

Benjamin Boruff