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