Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Uma alteração que fiz para evitar erros no campo da URL

Seguindo a sugestão de criar novas abordagens para prevenção de erros, fiz uma que gostei: ao adicionar novos vídeos, ao invés de uma mensagem como um modelo de URL para ser colado, deixei que o usuário simplesmente colasse a URL normalmente, e usei o JavaScript para alterar a url para o modelo certo. Segue código que utilizei:


 const url = document.querySelector("[data-url]");
 url.addEventListener(
   "focusout",
   () => (url.value =  `https://www.youtube.com/embed/${url.value.slice(- 11)}`)
 );

Muito obrigado pelo curso!

1 resposta
solução!

Oi Matheus, tudo bem?

Fico feliz em saber que está aproveitando o curso de JavaScript e que conseguiu criar uma abordagem interessante para prevenção de erros no campo da URL.

O código que você compartilhou parece estar correto. Basicamente, você adicionou um evento "focusout" no campo da URL e, quando o usuário sai desse campo, o JavaScript pega o valor da URL, extrai o ID do vídeo (os últimos 11 caracteres da URL) e adiciona esse ID no modelo de URL correto.

Essa é uma boa prática para evitar erros e garantir que o usuário insira a URL correta. Além disso, é uma forma de melhorar a experiência do usuário, tornando o processo mais simples e intuitivo.

Parabéns pela iniciativa e continue praticando!

Um abraço e bons estudos.