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

[Sugestão] Pesquisar apertando Enter ao invés de clicar no botão

Por uma questão de familiaridade achei que seria interessante dar ao usuário a opção de também acionar a pesquisa apertando Enter após digitar o termo de busca. Para isso fiz alguma alterações no código:

O primeiro passo foi definir a constante inputPesquisa

const inputPesquisa = document.querySelector("#pesquisar")

Assim, para evitar redundância, alterei a definição da constante dadosPesquisa (que a professora chamou de dadosDePesquisa):

const dadosPesquisa = inputPesquisa.value

Tirei a linha evento.preventDefault() de dentro da função buscarVideo() e a coloquei no ouvinte de evento do botão:

botaoPesquisa.addEventListener('click', evento => {
    evento.preventDefault()
    buscarVideo()
})

Por último, acrescentei um ouvinte de evento a inputPesquisa:

// ouvinte do evento pressionamento de tecla
inputPesquisa.addEventListener('keydown', (evento) => {
    
    // verifica se a tecla pressionada foi Enter e se o inputPesquisa não está vazio
    if (evento.key == 'Enter' && inputPesquisa.value) {
        buscarVideo()
    }
})
1 resposta
solução!

Oi estudante, tudo bem?

Achei muito interessante a sua sugestão de permitir que o usuário também possa acionar a pesquisa apertando a tecla Enter após digitar o termo de busca. Acredito que isso pode tornar a experiência do usuário mais intuitiva e familiar.

Muito obrigada por compartilhar com a gente a sua sugestão!

Um abraço e bons estudos.