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

 cas.m dl td de
j jt e. e=yt =/n sri'ts>e sc) )se goedpC n{E ;e;(+d m'
    eias
 on    cdhh< n caifp
h >o =) 
tne e.t  
ttmsrs='e  a .ee  .n{i /e
eg}c(t(jn;  t
 }Aro) ).tnepes'
 /l;tpcdi ose ';s/e l+m  carc
e'not ar
o fp ti=t  uph
.tEht=dtlr
fo=x+t.h nian >t    p(sist)qppta r>r c>osteecc
 t
 hn){"sr 
..i eS(ae 
os/oh.optenp(eedhnia: co
o=maae  tdlai( '  t
pnt
f
 oonu+ njtrc E?sna 
e  t 
m.(
o;E.asadydi
a->s  teoe d  )