viabilidade/public/main.js

document.getElementById('btnConsultaCep').addEventListener('click', async () => {
  const cep = document.getElementById('cep').value;
  const numero = document.getElementById('numero').value;
  const endereco = document.getElementById('consultaResultAddress');
  const resultados = document.getElementById('consultaResultViabilidade');
  const dedicado = document.getElementById('link-dedicado');
  const naoDedicado = document.getElementById('link-nao-dedicado');
  endereco.innerText = 'Consultando...';
  try {
    const resp = await fetch(`/consulta-cep?cep=${encodeURIComponent(cep)}&numero=${encodeURIComponent(numero)}`);
    const data = await resp.json();
    if (data.distancia) {
      // colocar o card-results__container (resultados) com display block
      endereco.innerHTML = `<strong>Endereço:</strong> ${data.endereco}.`;
      resultados.style.display = 'block';

      // insere nos spans link-dedicado e link-nao-dedicado os textos de viabilidade e se for viavel adicionar classe "viavel" e se for inviavel adicionar classe "inviavel"
      dedicado.innerText = data.dedicado;
      naoDedicado.innerText = data.naoDedicado;
      if (data.dedicado === 'Viável') {
        dedicado.classList.add('viavel');
      } else if (data.dedicado === 'Não viável') {
        dedicado.classList.add('inviavel');
      } 
      
      if (data.naoDedicado === 'Viável') {
        naoDedicado.classList.add('viavel');
      } else if (data.naoDedicado === 'Não viável') {
        naoDedicado.classList.add('inviavel');
      }
    } else if (data.error) {
      endereco.innerText = 'Erro: ' + data.error;
    }
  } catch (e) {
    endereco.innerText = 'Erro na consulta';
  }
});