Desafio

Crie uma pasta com o seu nome, em seguida, comece a trabalhar nele.

Descrição

Assim que o usuário pressionar 'Tab' ou sair do campo de entrada de CEP,
o sistema irá automaticamente buscar as informações de endereço na API com base no CEP fornecido.

Utilize o DOM para manipular os campos do formulario.
E iremos utilizar a base do viacep para preencher os campos.

Links úteis

base de imagens

Layout

image

DOM

const INPUT_CEP = document.getElementById('cep');

bootstrap

Procure o CDN getbootstrap 5.3

JavaScript

O "fetch" é uma API do JavaScript que permite fazer requisições HTTP para buscar recursos em uma rede, como dados de um servidor web. É comumente usado para fazer solicitações a APIs de terceiros, buscar dados de um servidor ou enviar dados para um servidor.

function getEndereco(cep) {

 const enderecoDados = fetch(`https://viacep.com.br/ws/${cep}/json/`)
   .then(response => response.json())
   .then(data => console.log(data.name))
   .catch(error => console.log(error))
   .finally(() => /*{ aviso de fim de carregamento }*/)
}

viacep

Viacep Doc

" Se a falta de tempo for justificada para você não tirar projeto do papel. somente os desocupados teriam sucesso. - Flávio Augusto da Silva "