Olá, pessoal! Eu não estou conseguindo fazer a tela de envio concluído aparecer após o envio do vídeo. O envio acontece certinho, é apenas a tela mesmo. Agradeço muito a atenção! Vou deixar

Eu encontrei a solução! Acabei criando 2 funções com o nome createVideo, pois não me atentei que há uma função chamada criaVideo no conectaApi.js e a função criarVideo no criarVideo.js.

[Dúvida] Não aparece a tela de envio concluído | JavaScript: criando requisições

Olá, pessoal! Eu não estou conseguindo fazer a tela de envio concluído aparecer após o envio do vídeo. O envio acontece certinho, é apenas a tela mesmo.

Agradeço muito a atenção! Vou deixar parte do código abaixo...

Este é o arquivo createVideo.js

import { connectApi } from './connectAPI.js';
const form = document.querySelector('[data-formulario]');

async function createVideo(event) {
    event.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 connectApi.createVideo(titulo, descricao, url, imagem);

    window.location.href = '../pages/envio-concluido.html';
}

form.addEventListener('submit', event => createVideo(event));

E a página enviar-video.html:

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/estilos.css">
    <link rel="stylesheet" href="../css/estilos-form.css">
    <link rel="stylesheet" href="../css/flexbox.css">
    <title>AluraPlay</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
</head>

<body>

    <!-- Cabecalho -->
    <header>

        <nav class="cabecalho">
            <a class="logo" href="../index.html"></a>

            <div class="cabecalho__icones">
                <a href="./enviar-video.html" class="cabecalho__videos"></a>
            </div>
        </nav>

    </header>

    <main class="container">

        <form class="container__formulario" data-formulario>
            <h2 class="formulario__titulo">Envie um vídeo!</h3>
                <div class="formulario__campo">
                    <label class="campo__etiqueta" for="url">Link embed</label>
                    <input name="url" class="campo__escrita" required
                        placeholder="Por exemplo: https://www.youtube.com/embed/FAY1K2aUg5g" id='url' data-url />
                </div>


                <div class="formulario__campo">
                    <label class="campo__etiqueta" for="titulo">Titulo do vídeo</label>
                    <input name="titulo" class="campo__escrita" required placeholder="Neste campo, dê o nome do vídeo"
                        id='titulo' data-titulo />
                </div>

                <div class="formulario__campo">
                    <label class="campo__etiqueta" for="imagem">Imagem de perfil</label>
                    <input name="imagem" class="campo__escrita" required placeholder="Insira a url da imagem"
                        id='imagem' data-imagem />
                </div>

                <input class="formulario__botao" type="submit" />
        </form>

    </main>

    <script src="../js/createVideo.js" type="module"></script>

</body>

</html>

Mergulhe em programação