My solution to Build an Object Challenge

const pet = [
  {
    name: "Charlie",
    type: "Dog",
    breed: "Australian Shepherd",
    age: 7,
    photo: "aussie",
  },
  {
    name: "Luna",
    type: "Dog",
    breed: "Dachshund",
    age: 2,
    photo: "dachshund",
  },
  {
    name: "Marty",
    type: "Dog",
    breed: "Golden",
    age: 2,
    photo: "golden",
  },
  {
    name: "Percy",
    type: "Cat",
    breed: "Persian",
    age: 6,
    photo: "persian",
  },
  {
    name: "Jack",
    type: "Dog",
    breed: "Pug",
    age: 2,
    photo: "pug",
  },
  {
    name: "Milo",
    type: "Cat",
    breed: "Tabby",
    age: 2,
    photo: "tabby",
  },
];

getPets = function (object) {
  let displayPets = "";
  //let petDirectory = []; <--- had a look again at this line. Made a silly error here.
  //for (let prop in object) petDirectory.push(object[prop]);  <--- And here too. 

//Edit: Upon correction - petDirectory changed to object
  for (let i = 0; i < object.length; i++) {
      displayPets += `
        <h2>${object[i].name}</h2>
        <h3>${object[i].type} | ${object[i].breed}</h3>
        <p>Age: ${object[i].age}</p>
        <img src="img/${object[i].photo}.jpg" alt="${object[i].breed}">
      `;
  }
  return displayPets;
};
let html = getPets(pet);
document.querySelector("main").innerHTML = html;