const people = [‘Chris’, ‘Anne’, ‘Colin’, ‘Terri’, ‘Phil’, ‘Lola’, ‘Sam’, ‘Kay’, ‘Bruce’];
let refused, admitted;
it seems that the first row below is broken because it return undefined I would like to know why any idea? thanks
refused = document.querySelector(‘.refused’).textContent = "Refused: "; // some problem with double assignment operator ?
console.log(refused.textContent); // OUTPUT UNDEFINED but why?
admitted = document.querySelector(‘.admitted’); // with separete expression gives no problem but I need to continue to type varName.textcontent and its a bit long
admitted.textContent = 'Admit: ';
for (let i = 0; i < people.length; i ++) {
if (people[i] == “Phil” || people[i] == “Lola”) {
refused += people[i]+', ';
} else {
admitted.textContent += people[i]+', ';
}
}
admitted.textContent = admitted.textContent.slice(0,admitted.textContent.length-2)+‘.’;
refused = refused.slice(0,refused.length-2)+‘.’;