viabilidade/public/main.js

38 lines
1.6 KiB
JavaScript

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.innerText = `Endereço: ${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';
}
});