Цикл forEach продолжает добавляться только к первому дочернему элементу

app.displayResults = (arrayOfObjects) => {
  arrayOfObjects.forEach((obj) =>{
    /*
    const number = Object.house_number;
    const address = Object.street_name;
    const zipCode = Object.zip_code;
    const borough = Object.borough;
    const date = Object.inspection_date;
    const initial = Object.inspection_type;
    const iResult = Object.result;
    */
    // Destructuring Assignment maybe better here
    const { house_number : number, 
           street_name : address, 
           zip_code : zipCode,
           borough,
           inspection_date : date,
           inspection_type : initial,
           result : iResult } = obj
  
    const resultContainer = document.createElement("div");
    resultContainer.classList.add('resultContainer');

    // below is the problem, you appended several divs with the class name 'resultContainer', every time you query, there were a array of it, and you always got the first.
    // document.querySelector('.inspectionResults').append(resultContainer); 
    
    const innerHTML = `
    <p class = "recordDetails"> ADDRESS: ${number}${address}</p>
    <p class = "recordDetails"> DATE: ${date}</p>
    <p class = "recordDetails"> BOROUGH: ${borough}</p>`

    const record = document.createElement("div");
    record.classList.add('record');
    record.innerHTML = innerHTML

    // here just append to the exact div you created above
    resultContainer.append(record)
    // then append the container which contains the content you expected to the documment
    document.querySelector('.inspectionResults').append(resultContainer);
  })
}