Parece que su estructura de datos no coincide exactamente con lo que tenía en su secuencia de comandos, por lo que algunas de las correcciones aquí (de su versión) son:

• cambie .firstName a .name.first
• matriz de resultados de referencia para que results.name se convierta en results[i].name
• el correo electrónico se muestra indefinido, pero eso se debe a que no está en los datos (al menos no en su ejemplo)
• la etiqueta de la imagen aparece con la fuente correcta, pero debido a que no son URL completas, es probable que la imagen aparezca rota hasta que los datos sean más realistas.

La siguiente secuencia de comandos debe agregar tanto el div con el nombre/correo electrónico como la imagen.

 function appendData(data) { var mainContainer = document.getElementById("myData"); for (var i = 0; i < data.results.length; i++) { var div = document.createElement("div"); div.innerHTML = 'Email: ' + data.results[i].email + ' First Name :' + data.results[i].name.first; mainContainer.appendChild(div); var img = document.createElement("img"); img.src = data.results[i].picture.large; mainContainer.appendChild(img); } }

Prueba esto:

 function appendData(data) { var mainContainer = document.getElementById("myData"); for (var i = 0; i < data.results.length; i++) { var div = document.createElement("div"); div.innerHTML = 'Email: ' + (data.results[i].email?data.results[i].email:'') + ' First Name :' + (data.results[i].name?data.results[i].name.first:''); mainContainer.appendChild(div); } }