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

Limpar lista de videos

Usei um método mais simples para limpar a lista de vídeos, gostaria de confirmar se tem alguma ressalva ou se chega no mesmo resultado do uso do while mostrado no video:

Apenas coloquei um lista.innerHTML = '' para limpar o elemento.

async function buscaVideos (e) {
    e.preventDefault();
    const dadosDePesquisa = document.querySelector("[data-pesquisa]").value;
    const busca = await conectaAPI.buscaVideos(dadosDePesquisa);
    const lista = document.querySelector("[data-lista]")   

    lista.innerHTML = ''

    busca.forEach(e => lista.appendChild(
        montaCard(e.titulo, e.descricao, e.url, e.imagem)));
}
1 resposta
solução!

Oi, tudo bem?

Obrigada por compartilhar seu código e sua abordagem para limpar a lista de vídeos. É ótimo ver que você está buscando maneiras mais simples de realizar tarefas. Vamos analisar sua solução e discutir se ela alcança o mesmo resultado do uso do while.

No código que você compartilhou, você utiliza a linha lista.innerHTML = '' para limpar o elemento que contém a lista de vídeos. Essa abordagem é uma maneira válida de limpar o conteúdo de um elemento no HTML, e ela remove todos os elementos filhos desse elemento, resultando em uma lista vazia.

Agora, vamos analisar se essa abordagem alcança o mesmo resultado do uso do while mostrado no vídeo. O while foi utilizado para iterar sobre os elementos filhos do elemento lista e removê-los um por um até que não houvesse mais elementos filhos. Essa abordagem é eficaz para limpar a lista gradualmente, removendo um elemento por vez.

Por outro lado, a sua abordagem de utilizar lista.innerHTML = '' remove todos os elementos filhos de uma vez, resultando em uma lista vazia instantaneamente. Ambas as abordagens alcançam o mesmo resultado final, que é a remoção dos elementos da lista. A diferença está na forma como isso é feito: o uso do while remove um elemento de cada vez, enquanto lista.innerHTML = '' remove todos os elementos de uma vez.

Em termos de funcionalidade, não há diferença significativa entre as duas abordagens, já que ambas limpam a lista de vídeos. No entanto, é importante ter em mente que cada abordagem tem suas peculiaridades.

Ao utilizar lista.innerHTML = '', você deve estar ciente de que essa linha de código remove todos os elementos filhos, incluindo quaisquer outros elementos que possam estar presentes no lista. Portanto, se você tiver algum outro conteúdo dentro do lista que não seja relacionado aos vídeos, essa abordagem irá removê-lo também.

Por outro lado, o uso do while para remover um elemento por vez pode ser útil em situações em que você deseja realizar algum processamento ou ação específica em cada elemento antes de removê-lo. Isso pode ser útil em cenários mais complexos em que você precise executar alguma lógica adicional durante a remoção dos elementos.

Em resumo, sua abordagem de utilizar lista.innerHTML = '' é uma maneira simples e eficaz de limpar a lista de vídeos. Ela alcança o mesmo resultado do uso do while , removendo todos os elementos da lista. No entanto, é importante ter em mente que essa abordagem remove todos os elementos filhos de uma vez, o que pode afetar outros elementos presentes no lista.

Espero que esta explicação tenha sido útil para você.

Um abraço e bons estudos.