const initUrlCep = 'https://viacep.com.br/ws/';
let cep;
const valCep = document.getElementById('cep');

document.getElementById('buscar').addEventListener('click', (e) => {
    e.preventDefault();
    cep = valCep.value;

    const requireCEP = async () => fetch(initUrlCep + cep + '/json/')
        .then(response => response.json())
        .then(data => {
            return data;
        })
        .catch(console.error);

    (async () => {
        const dataCep = await requireCEP();
        const logradouro = document.getElementById('logradouro');
        const cidade = document.getElementById('cidade');
        const estado = document.getElementById('estado');
        const codCep = document.getElementById('codCep');
        if (!dataCep.erro) {
            logradouro.innerHTML = 'Logradouro: ' + dataCep.logradouro;
            cidade.innerHTML = 'Cidade: ' + dataCep.localidade;
            codCep.innerHTML = 'CEP: ' + dataCep.cep;
        } else {
            alert('Cep não encontrado')
        }

        switch (dataCep.uf) {
            case "RO":
                estado.innerHTML = 'Estado: Rondônia';
                break;
            case "AC":
                estado.innerHTML = 'Estado: Acre';
                break;
            case "AM":
                estado.innerHTML = 'Estado: Amazonas';
                break;
            case "RR":
                estado.innerHTML = 'Estado: Roraima';
                break;
            case "PA":
                estado.innerHTML = 'Estado: Pará';
                break;
            case "AP":
                estado.innerHTML = 'Estado: Amapá';
                break;
            case "TO":
                estado.innerHTML = 'Estado: Tocantins';
                break;
            case "MA":
                estado.innerHTML = 'Estado: Maranhão';
                break;
            case "PI":
                estado.innerHTML = 'Estado: Piauí';
                break;
            case "CE":
                estado.innerHTML = 'Estado: Ceará';
                break;
            case "RN":
                estado.innerHTML = 'Estado: Rio Grande do Norte';
                break;
            case "PB":
                estado.innerHTML = 'Estado: Paraíba';
                break;
            case "PE":
                estado.innerHTML = 'Estado: Pernanbuco';
                break;
            case "AL":
                estado.innerHTML = 'Estado: Alagoas';
                break;
            case "SE":
                estado.innerHTML = 'Estado: Sergipe';
                break;
            case "BA":
                estado.innerHTML = 'Estado: Bahia';
                break;
            case "MG":
                estado.innerHTML = 'Estado: Minas Gerais';
                break;
            case "ES":
                estado.innerHTML = 'Estado: Espirito Santo';
                break;
            case "RJ":
                estado.innerHTML = 'Estado: Rio de Janeiro';
                break;
            case "SP":
                estado.innerHTML = 'Estado: São Paulo';
                break;
            case "PR":
                estado.innerHTML = 'Estado: Paraná';
                break;
            case "SC":
                estado.innerHTML = 'Estado: Santa Catarina';
                break;
            case "RS":
                estado.innerHTML = 'Estado: Rio Grande do Sul';
                break;
            case "MS":
                estado.innerHTML = 'Estado: Mato Grosso do Sul';
                break;
            case "MT":
                estado.innerHTML = 'Estado: Mato Grosso';
                break;
            case "GO":
                estado.innerHTML = 'Estado: Goiás';
                break;
            case "DF":
                estado.innerHTML = 'Estado: Distrito Federal';
                break;

            default:
                break;
        }

        console.log(dataCep);

    })();//chamando a funcão de forma imediata

})