Olá, Geovana.
Eu testei o seu projeto e aqui está tudo funcionando com relação a exibição dos vídeos, mas notei que vocês fez algumas alterações no repositório algumas horas depois de ter me enviado, então imagino que tenha conseguido resolver essa questão. No entanto, fiz alguns outros teste e notei alguns erros que necessitam de atenção.
1 - Quando eu tento pesquisar por um video, eu recebo o seguinte erro no console:
Uncaught (in promise) ReferenceError: Cannot access 'dadosPesquisa' before initialization
at buscaVideo (buscaVideo.js:5:47)
at HTMLButtonElement.<anonymous> (buscaVideo.js:12:52)
Esse erro acontece porque a variável esta sendo utilizada ANTES de ser inicializada:
async function buscaVideo(evento) {
evento.preventDefault();
// Aqui a variável esta sendo usada na função buscaVideo
const busca = await conectaApi.buscaVideo(dadosPesquisa);
// Mas somente aqui ela está sendo declarada e tendo seu valor atribuído
const dadosPesquisa = document.querySelector("[data-pesquisa]").value;
console.log(busca);
}
Só é preciso inverter a ordem e a função deve funcionar corretamente:
const dadosPesquisa = document.querySelector("[data-pesquisa]").value;
const busca = await conectaApi.buscaVideo(dadosPesquisa);
2 - Com isso corrigido, o seguinte erro aparece:
GET http://127.0.0.1:5500/http//:localhost:3000/videos?q=memes 404 (Not Found)
Esse é bem mais simples de resolver, o que ocorre é que houve um pequeno erro de digitação na função buscaVideo, onde ao invés de escrever a url iniciando em http://, está escrito http//:. É só acertar a url para resolver:
const conecta = await fetch(`http://localhost:3000/videos?q=${termoDeBusca}`)
A partir dai, o código passa a funcionar como no curso. Se ainda houver dúvidas ou precisar de mais ajuda, não hesite em me avisar!
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado
