Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Meus vídeos não carregam

Referente ao curso JavaScript: criando requisições, no capítulo Criando novos elementos e atividade Enviar vídeos

por Carlos Henrique Bezerra Freire
| 42.2k xp | 48 posts
Estudante Front-End

Boa tarde, não estou conseguindo inserir os vídeos na minha página.

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

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))

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

2 respostas
por Victor Costa Santos
| 1936.6k xp | 3731 posts
Alura Scuba Team Monitor de ForumOps

Olá, Carlos, tudo bem?

Esse errinho está ocorrendo porque você está tentando selecionar o formulário no seu código usando document.querySelector("data-formulario"), porém, para que o seletor funcione adequadamente, é necessário empregar um seletor válido. Se data-formulario é um atributo data-, é preciso utilizar o seletor com colchetes [data-conteudo].

Tente alterar a linha que seleciona o formulário(linha 3) para:

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

Isso irá corrigir a seleção do formulário e permitir que o evento de 'submit' seja corretamente associado à função criarVideo.

Teste e veja se funciona Carlos, é sempre um prazer poder lhe ajudar e reforço que em caso de dúvidas conte conosco!

Sucesso ✨

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
solução!
por Carlos Henrique Bezerra Freire
| 42.2k xp | 48 posts
Estudante Front-End

Beleza, consegui resolver obrigado.