BossBey File Manager

Editing: cep.html

<label for="logradouro">Logradouro:</label>
  <input type="text" id="logradouro" name="logradouro" required>

<label for="bairro">Bairro:</label>
  <input type="text" id="bairro" name="bairro" required>

<label for="cidade">Cidade:</label>
  <input type="text" id="cidade" name="cidade" required>

<label for="estado">Estado:</label>
  <input type="text" id="estado" name="estado" required>

<label for="complemento">Complemento:</label>
  <input type="text" id="complemento" name="complemento">

<label for="numero">Número:</label>
  <input type="text" id="numero" name="numero" required>

if (cep.length === 8) {
      // Realiza a requisição para a API do ViaCEP
      fetch(`https://viacep.com.br/ws/${cep}/json/`)
        .then(response => response.json())
        .then(data => preencherEndereco(data));
    }
  }

function preencherEndereco(data) {
    document.getElementById('logradouro').value = data.logradouro || '';
    document.getElementById('bairro').value = data.bairro || '';
    document.getElementById('cidade').value = data.localidade || '';
    document.getElementById('estado').value = data.uf || '';
    document.getElementById('complemento').value = data.complemento || '';
    document.getElementById('numero').focus();
  }
</script>

Cancel