Estoy tratando de agregar 4 imágenes en mi sitio, sin embargo, las imágenes no se cargan. Puedo ver 4 imágenes en la herramienta de inspección, sin embargo, no aparecen.

Este es mi código en JS:

 function createZooland(zoolandData) { let content = document.getElementById("content"); let h2 = document.createElement("h2"); let h3 = document.createElement("h3"); let blockquote = document.createElement("blockquote"); let img = document.createElement("img"); h2.innerHTML = `${zoolandData[0].common_name}`; content.appendChild(h2); h3.innerHTML = `${zoolandData[0].scientific_name}`; content.appendChild(h3); blockquote.innerHTML = `${zoolandData[0].description}`; content.appendChild(blockquote); for(let i = 0; i < zoolandData.length; i++){ for(let j = 0; j < zoolandData[i].images["image"].length; j++){ img.src = "images/" + `${zoolandData[0].images.image}`; content.appendChild(img); } }

}

y este es el JSON al que hace referencia:

 { "common_name": "Koala", "scientific_name": "Phascolarctos cinereus", "description": "Koalas are well-known...", "images": { "image": [ "koala1.jpg", "koala2.jpg", "koala3.jpg", "koala4.jpg" ] } },

Por favor, hágamelo saber si se necesita cualquier información adicional. No estoy seguro de cómo mostrar las imágenes.