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

Como utilizar uma animação de loading com fetch?

Eu criei um app um tempo atrás para encontrar o endereço pelo CEP, porém com Ajax. Fiquei com dúvidas sobre como eu faria para o meu programa entender a hora de parar de mostrar o loading do cep? É com uma concatenação de .then's?

Meu código está aqui: https://github.com/henrfarias/CEP-Search

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta
solução!

Fala ai Henrique, tudo bem? Nesse caso você pode aplicar uma classe CSS antes de disparar o fetch e quando pegar a resposta você remove essa classe, algo assim:

function buscarCep() {
    const elemento = document.querySelector('.alguma-classe')
    element.classList.add('animando')
    fetch('URL')
        .then(resposta => resposta.json())
        .then(dados => {
            elemento.classList.remove('animado')
            return dados
        })
}

Espero ter ajudado.