script.js

const form = document.getElementById("formCep");
const inputCep = document.getElementById("cep");
const mensagem = document.getElementById("mensagem");

const logradouroEl = document.getElementById("logradouro");
const bairroEl = document.getElementById("bairro");
const cidadeEl = document.getElementById("cidade");
const ufEl = document.getElementById("uf");

function limparResultado() {
  logradouroEl.textContent = "-";
  bairroEl.textContent = "-";
  cidadeEl.textContent = "-";
  ufEl.textContent = "-";
}


function normalizarCep(valor) {

  return valor.replace(/\D/g, "");
}

async function buscarCep(cep) {
 const resp = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
 const data = await resp.json();

  if (data.erro) { 
    
    throw new Error("CEP não encontrado.");
  }
  return data;
}

form.addEventListener("submit", async (event) => {
  event.preventDefault();
  

  
  limparResultado();
  mensagem.textContent ="";

  const cep = normalizarCep(inputCep.value);

  if (cep.length !== 8) {
   mensagem.textContent="CEP  inválido ";
   mensagem.style.color = "red";
    return;
  }


  try {
    const data = await buscarCep(cep);

    logradouroEl.textContent = data.logradouro || "-";
    bairroEl.textContent = data.bairro || "-";
    cidadeEl.textContent = data.localidade || "-";
    ufEl.textContent = data.uf || "-";

  mensagem.textContent="Endereço encontrado!";
  mensagem.style.color="green";
  
  } catch (erro) {
    mensagem.textContent = erro.message;
    mensagem.style.color = "red";
  }
});