Como fazer um título com Geolocalização

Esse código é muito maneiro e vai te ajudar a mostrar a cidade do usuário em algum texto que você queira.
Pra fazer isso é muito simples, basta criar um texto como o exemplo abaixo:

Apenas você e algumas pessoas próximas de <b><span id=”cidade” style=”color: #ff0000;”></span></b> foram selecionadas para essa loucura que o <b>Otávio</b> vai fazer…

Depois disso, o que você precisa fazer, é adicionar esse script dentro de um HTML personalizado, se preferir, pode deixá-lo no rodapé para não te atrapalhar!
				
					<script>var request = new XMLHttpRequest();
    request.open('GET', 'https://wtfismyip.com/json', true);

    request.onload = function () {

        if (this.status >= 200 && this.status < 400) {
            var data = JSON.parse(this.response);
            let output = data.YourFuckingLocation.replace(/,.+/g, "$'");
            document.getElementById("cidade").innerHTML = output;

        } else {}

    };
    request.onerror = function () {};

    request.send();</script>
				
			
Aqui um exemplo de como ficaria:

Apenas você e algumas pessoas próximas de foram selecionadas para essa loucura que o Otávio vai fazer...

E aí? Esse código valeu o seu like e uma inscrição lá no meu canal do YouTube? Dessa maneira te ajudo cada vez mais.

Se você é legal, então vai deixar seu comentário para ajudar no engajamento, não é?

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Otávio Marques © 2024 | Todos os direitos reservados