Como comparar variável dentro do IF, ELSE

oomaikoo
(usa Ubuntu)

Enviado em 20/06/2019 - 22:46h

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?