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?
