Olá, Renan!
O erro Uncaught SyntaxError: missing ) after argument list
geralmente indica que há um parêntese faltando ou mal posicionado no seu código.
Há um erro na linha onde você está tentando adicionar o conteúdo ao innerHTML
do containerVideos
. Além disso, há um erro na formatação da string do iframe
.
const containerVideos = document.querySelector(".videos__container");
const api = fetch('http://localhost:3000/videos')
.then(res => res.json())
.then(videos => {
videos.forEach(video => {
containerVideos.innerHTML += `
<li class="video__item">
<iframe src="${video.url}" title="${video.titulo}" frameborder="0" allowfullscreen></iframe>
</li>`;
});
});
Alguns pontos que observei e já alterei, foi o console.log(res.json())
para res.json()
. Isso é necessário para passar os dados corretamente para o próximo .then
. A Corrigi a concatenação no innerHTML
usando +=
ao invés de =+
, e também corrigi a string do iframe
para incluir corretamente o atributo title
com o título do vídeo. Antes, faltava o sinal de igual (=
) e as aspas para encapsular o valor do título.
Espero ter ajudado e Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!