1
resposta

[Dúvida] Busca retornando todos os videos

Ao clicar no botao ele retornar todos os vídeos, nao sei o que pode ser!

buscarVideo.js


import { conectaApi } from "./conectaApi.js";

async function buscarVideo(evento){
    evento.preventDefault();
    const dadosPesquisa = document.querySelector('[data-pesquisa]').value;
    const busca = await conectaApi.pesquisaVideo(dadosPesquisa);

    console.log(busca);
}

const btnPesquisa = document.querySelector("[data-botaoPesquisa]");

btnPesquisa.addEventListener("click", evento => buscarVideo(evento))

Conecta Api


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

    return conexaoConvertida;
}

async function criaVideo(titulo, descricao, url, imagem){
    const conexao = await fetch("http://localhost:3000/videos", {
        method: "POST",
        headers: {
            "Content-type": "application/json"
        },
        body: JSON.stringify({
            titulo: titulo,
            descricao: `${descricao} mil visualizações`,
            url: url,
            imagem: imagem
        })

    })

    const conexaoConvertida = await conexao.json();

    return conexaoConvertida;
}


async function pesquisaVideo(termoDeBusca){
    const conexao = await fetch(`http://localhost:3000/videos?q=${termoDeBusca}`);
    const conexaoConvertida = await conexao.json();

    return conexaoConvertida;

}

export const conectaApi = {
    listaVideos,
    criaVideo,
    pesquisaVideo
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá Maicon!

Testei aqui e funcionou tudo certinho, observe: Projeto sendo testado dentro do inspecionarEm caso de erros peço para que verifique que versão do json server está utilizando, para que tudo funcione como esperado deve ser a 17.0, como o seguinte comando:

npm install -g json-server@0.17.0

Se utiliza a mesma e o erro ainda persiste, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Fico no aguardo e à disposição