Given an array of users, write a function, namesAndRoles that returns all of user's names and roles in a string with each value labeled.

const users = [{ name: 'Homer', role: 'Clerk', dob: '12/02/1988', admin: false }, { name: 'Lisa', role: 'Staff', dob: '01/30/1965', admin: false }, { name: 'Marge', role: 'Associate', dob: '09/10/1980', admin: true } ];

function namesAndRoles1(users) {
   return users.map(user => `Name: ${user.name}<br/>Role: ${user.role}${user.admin ? " (admin)":""}<br/>`)
   .join('<hr/>');
}

document.getElementById('output1').innerHTML = namesAndRoles1(users);

function namesAndRoles2(users) {
   return users.map(user => `Name: ${user.name}\nRole: ${user.role}${user.admin ? " (admin)":""}\n`)
   .join('\n');
}


document.getElementById('output2').textContent = namesAndRoles2(users);