Eu rodei o "json-server" no "db.json" tudo normal, porem quando eu vou para o formulario ele nao envia o video.
Arquivo conectaApi
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;
}
export const conectaApi = { listaVideos, criaVideo }
arquivo criarVideo
import { conectaApi } from "./conectaApi"; const formulario = document.querySelector("[data-formulario]");
async function criarVideo(evento){ evento.preventDefault();
const imagem = document.querySelector("[data-imagem]").value;
const url = document.querySelector("[data-url]").value;
const titulo = document.querySelector("[data-titulo]").value;
const descricao = Math.floor(Math.random() * 10).toString();await conectaApi.criaVideo(titulo, descricao, url, imagem);
window.location.href = "../pages/envio-concluido.html";
}
formulario.addEventListener("submit", evento => criarVideo(evento));
