Comparar variável no IF, ELSE

oomaikoo · Junho 21, 2019

Boa noite pessoal, estou tentando fazer um código, para mostrar um banner em meu site, quando o usuário entrar, baseado na localização dele. É basicamente o seguinte: a API de geolocalização retorna o nome da cidade, e, se for a cidade, então mostre o banner. Se não for, mostre outro. O código JavaScript que estou usando é esse:

<script type="application/javascript">
    function geoip(json){
        var city = document.getElementById("user_city");
        city.textContent = json.city;
    }
</script>
<script async src="https://get.geojs.io/v1/ip/geo.js"></script>
A cidade é: <span id="user_city"></span>

Esse código retorna o nome da cidade no <span id>.

Porém eu preciso fazer um IF, ELSE no próprio JavaScript, para mostrar o banner ou não. Seria basicamente assim:

<script type="application/javascript">
    function geoip(json){
        var city = document.getElementById("user_city");
        city.textContent = json.city;
    }
	
	if (city == "nomedacidade") {
	document.write ("<img src='banner1.jpg'></img>");
	}
	else {
	document.write ("<img src='banner2.jpg'></img>");
	}
	
</script>
<script async src="https://get.geojs.io/v1/ip/geo.js"></script>

O problema é que a variável city não fica setada dentro do if, não retorna o nome da cidade, eu só queria comparar no if o nome da cidade com o que a API retorna.
Alguém tem alguma ideia?

felipeoli7eira · Junho 21, 2019

E pq você não coloca esse if / else dentro da function ?. Bom, se não quiser .. tenta isso (Não testei, mas deve funcionar):

function geoip ( json )
{
var city = document.getElementById("user_city");
city.textContent = json.city;

verifyCity ( json.city ) // Cria e chama uma func que faz essa verificação
}

function verifyCity ( cityName )
{
if ( cityName === "nomedacidade" )
{
document.write ("<img src='banner1.jpg'></img>")
}
else
{
document.write ("<img src='banner2.jpg'></img>")
}
}

oomaikoo · Junho 21, 2019

Não funcionou, não retorna nada :/

<script type="application/javascript">
function geoip ( json )
{
    var city = document.getElementById("user_city");
    city.textContent = json.city;

 

    verifyCity ( json.city ) // Cria e chama uma func que faz essa verificação
}


function verifyCity ( cityName )
{
    if ( cityName === "Maceió" )
    {
        document.write ("Estou em Maceió")
    }
    else
    {
        document.write ("Não estou em Maceió")
    }
}
</script>
<script async src="https://get.geojs.io/v1/ip/geo.js"></script>

Luan Gabriel · Junho 21, 2019

Você pode remover esse " var city " e deixar apenas city =

city = document.getElementById("user_city")

Quando você declara a variavel dentro da função com a palavra "var antes", ela nao vai poder ser usada fora da função.

se declarar sem isso, então pode usar.

felipeoli7eira · Junho 21, 2019

1 hora atrás, oomaikoo disse:

Não funcionou, não retorna nada :/

Você ta chamando as funções ? olha:

<!DOCTYPE html>

<head>

<title> iMasters </title>

<style>

* { margin: 0 ; padding: 0 ; box-sizing: border-box ; }

</style>

</head>

<body>

</body>

window.onload = () => {

let json = { city : "São paulo" } // Simulando o recebimento de um json

function geoip ( json )

{

document.write ( json.city ) // o json do parametro

checkCityName ( json.city )

}

function checkCityName ( name )

{

if ( name === "Maceió" )

{

console.log ( 'Estou em Maceió' )

}

else

{

console.log ( 'Não estou em Maceió, estou em', name )

}

geoip ( json ) // chamando a função

}

</script>

</html>

oomaikoo · Junho 24, 2019

@_FelipeOlvr Cara não consegui de forma alguma, você pode me ajudar por mensagem? é que sou leigo em Javascript. Essa função eu só consigo fazer em PHP. Estou precisando urgente para entregar esse pequeno script funcionando amanhã, agradeceria muito se pudesse me ajudar, sei que é simples pra você.

Entrar

Arquivado

Comparar variável no IF, ELSE

Recommended Posts

oomaikoo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

felipeoli7eira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

oomaikoo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Luan Gabriel 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

felipeoli7eira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

oomaikoo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta sem duplicação

Modelagem para questionário

Converter jpg para webp

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante