More efficient way of presenting the data

In the video, Dave uses a really inefficient and more difficult way to present the employees. I know he is doing it for learning purposes, but ES6 gives you a much better way that you will really appreciate when you are working with a lot of data and need to use conditionals. Check this out:

const employees = JSON.parse(request.responseText);

const employeeList = document.getElementById('employeeList');

let ul = '<ul class="bulleted">';

employees.forEach(employee => {
   ul += `<li class=${employee.inoffice ? "in" : "out"}>${employee.name}</li>`;
});

ul += '</ul>';

employeeList.innerHTML = ul;

For one thing you can use a forEach loop since you are going to iterate over every item in the data. Next, notice the ternary expression: `<li class=${employee.inoffice ? "in" : "out"}>${employee.name}</li>;.truthyValue ? doThis : doThat` is shorthand for "if truthyValue computes to true then do the first thing after the ? mark; else, do the thing after the colon. Using template literals you can dynamically set classes and other attributes simply by interpolating the ternary expression into the template literal. Then you can also interpolate the employee name.

If this stuff isn't familiar to you, take the Getting Started with ES2015 course. You'll be extremely glad you did because it makes working with strings and stuff waaay easier and more enjoyable! Course: https://teamtreehouse.com/library/getting-started-with-es2015-2