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
}