script.js

var cep = document.getElementById('cep');
var cidade = document.getElementById('cidade');
var logradouro = document.getElementById('logradouro');
var estado = document.getElementById('estado');
var erro = document.getElementById('erro');


cep.addEventListener("focusout", () => buscaEndereco(cep.value));

async function buscaEndereco(cep) {
    erro.innerHTML = "";

    try{
        var consultaCEP = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
        var CEPConvertido = await consultaCEP.json();

        if (CEPConvertido.erro){
            throw Error('CEP inexistente!');
        }
        
        cidade.value = CEPConvertido.localidade;
        logradouro.value = CEPConvertido.logradouro;
        estado.value = CEPConvertido.uf;
        console.log(CEPConvertido);

        return CEPConvertido;
    }
    catch(erro){
        erro.innerHTML = '<p> CEP inválido. Tente Novamente! </p>';
    }
}