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

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software