Códigos do Guru

Exibindo a cidade e o estado atual através de uma API

Este código tem como objetivo exibir a cidade e o estado em que o usuário se encontra atualmente, usando duas APIs diferentes.

A primeira API usada é fetch('https://api.ipify.org?format=json'), ela retorna o endereço IP do usuário.

Em seguida, temos a .then(response => response.json()) que transforma a resposta da API em formato JSON, que é mais fácil de trabalhar.

A segunda API é fetch('https://ipapi.co/' + data.ip + '/json/'), ela retorna informações sobre o endereço IP, incluindo a cidade e o estado. Novamente, usamos .then(response => response.json()) para transformar a resposta em formato JSON.

Depois, guardamos a cidade e o estado em uma variável chamada cidadeEstado, combinando os dados retornados da API.

Finalmente, usamos document.querySelectorAll('.cidadeEstado') para selecionar todos os elementos HTML com a classe cidadeEstado e usamos o .forEach para atualizar o conteúdo de cada elemento com o valor da variável cidadeEstado.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO

)it(n s d.os({>
p/{(ect "f o   ai.a (j >    + /ia
-
)oeEes:dsct o
  e at.l   } t enc ".neec(etl ojl
het tp eheey. dEr)u ;t;  t n e  nnsnstds
 soisci)n'q ?pesx;
rtihi
d jd)
adcssa(ocy st /fr
pi a
tse= dol'od}t
 e. d Sro..(c
ftcost') tse' j.nch=anee)<
t / r'nptEi eo:mnp=dra< 
l.e.c}
r  
h  rat.. dp t) er dEp  o
. a t'ged.tns

=po  e o
s+/   n ohs
= np= )smaisaape >moc +e;mo )ern=he  
n m>
e  
A
>t;o/et  >ia aeha>nehi tm(  is ; otttocfpgl.{na(' nd y
  l  aee ts f
trCc p= /te'
r/ue+ (n 
n= ta