1
resposta

[ duvida ] Resolução baseado no Prof. Guilherme

Tenho duvidas se esse método utilizado é certo, aprendi no curso anterior a este de "métodos de Array". Desde já agradeço! =')

conectaApi

videos = []

listaVideos()
async function listaVideos() {
    const conexao = await fetch('http://localhost:3000/videos');
    videos = await conexao.json();
    mostraVideosNaTela(videos);
    
}

mostrarVideosNaTela()



function mostraVideosNaTela(videos) {
    videosConteiner.innerHTML = ''
    videos.forEach(video => {
        videosConteiner.innerHTML += `
        <li class="videos__item">
        <iframe width="100%" height="72%" src="${video.url}"
            title="${video.titulo}" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen></iframe>
        <div class="descricao-video">
            <img src="${video.imagem}" alt="logo canal alura">
            <h3>Qual é o melhor hardware para programação com Mario Souto</h3>
            <p>${video.descricao}</p>
        </div>
        </li>
        `
    })

}
1 resposta

Opa Guido, tudo certo?

Quando comenta de método utilizado no curso "métodos de Array", está se referindo ao .forEach? Se for esse o caso, sugiro dar uma olhadinha na aula a seguir, a forEach(), onde a instrutora aborda o uso desse mesmo método.

Ademais, caso queira se aprofundar sobre o método forEach, deixo abaixo alguns conteúdos que podem interessar:

Fico à disposição.

Tenha um bom dia e bons estudos.