I'm using a forEach() to iterate through an array. If I console.log() it, the correct objects appear in the console, but if I try to append via innerHTML, it just shows undefined on the page where the objects should be. Can anyone help me?
const phoneNos = () => {
dBase.name.phones.forEach(phone => {
document.querySelectorAll('.contacts').innerHTML += '<span class="pnumber">' + phone + '</span>';
console.log(phone);
})
}
You need to loop over the NodeList returned by querySelectorAll:
document.querySelectorAll('.contacts')
.forEach(c => c.innerHTML += '<span class="pnumber">' + phone + '</span>');