1
resposta

Fiz dessa forma

async function buscaEndereco(cep) {
    try {
        const res = await fetch(`https://viacep.com.br/ws/${cep}/json/`)
        const data = await res.json()
        if(data.erro) {
            throw Error('CEP inexistente!')
        }

        console.log(data)
        return data
    } catch(e) {
        console.log(e)
    }
}

const cepElement = document.querySelector('#cep')

const enderecoElement = document.querySelector('#endereco')
const complementoElement = document.querySelector('#complemento')
const bairroElement = document.querySelector('#bairro')
const cidadeElement = document.querySelector('#cidade')
const estadoElement = document.querySelector('#estado')


cepElement.addEventListener('blur',async (e) => {
        const cepInputValue = e.target.value
        const cepObjEndereco = await buscaEndereco(cepInputValue)
        atualizaDadosDoEndereco(cepObjEndereco)
})

function atualizaDadosDoEndereco(obj) {
    enderecoElement.value = obj.logradouro
    complementoElement.value = obj.complemento
    bairroElement.value = obj.bairro
    cidadeElement.value = obj.localidade
    estadoElement.value = obj.uf
}
1 resposta

Olá, Luiz.

Tudo bem?

Muito obrigado por compartilhar a sua solução aqui com a gente. É muito bom ver o seu progresso. Parabéns. Continue assim praticando muito.

Valeu. Qualquer dúvida manda aqui.