Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

360
Visualizações
Am trying to use https://jsonplaceholder.typicode.com/photos but not displaying am new to this

This is my code not getting any response from jsonplaceholder, what should i do I tried for others like post/comments it worked but am not getting for photos.

function getPhotos() {
    fetch('https://jsonplaceholder.typicode.com/photos')
        .then((response) => response.json())
        .then((data) => {
            console.log(data);
            let photoLayout = document.querySelector('#photo-layout');
            let html = "";
            data.forEach((e) => {
                // console.log(e)
                html += `
                <div class="col-md-4" >
                    <div class="card h-100 mb-3">
                    <img class="card-img-top" src=${e.thumbnailUrl} alt="photo"/>
                        <div class="card-body">
                            <p class= "id>${e.id}
                            <h5 class="album-title">${e.title}</h5>
                        </div>
                    </div>
                </div>
            `;
                photoLayout.innerHTML = html;
            });
        });

}
getPhotos();
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

You need to move photoLayout.innerHTML = html; outside of the forEach loop.

function getPhotos() {
    fetch('https://jsonplaceholder.typicode.com/photos')
        .then((response) => response.json())
        .then((data) => {
            const photoLayout = document.querySelector('#photo-layout');
            let html = "";
            data.forEach((e) => {
                html += `
                <div class="col-md-4" >
                    <div class="card h-100 mb-3">
                    <img class="card-img-top" src=${e.thumbnailUrl} alt="photo"/>
                        <div class="card-body">
                            <p class= "id>${e.id}
                            <h5 class="album-title">${e.title}</h5>
                        </div>
                    </div>
                </div>
            `;
            });
            photoLayout.innerHTML = html;
        });
}
getPhotos();
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda