Estoy haciendo un proyecto para un curso que estoy haciendo, en el que tengo que usar la API de openweather.
Necesito comprobar si se logró traer la información solicitada mediante getJSON utilizando una bandera (booleana), pero la ejecución no sigue el orden esperado y luego de ejecutarse el get, la ejecución pasa al método "comprobar". También intenté capturar el error 404, que se produce cuando se introduce una ciudad no valida en la variable "city", pero no logré hacerlo
let enviar =document.querySelector("button");
let city = document.querySelector("#city")
let flag = false;
let a;
clima.on;
enviar.addEventListener("click",function(){
clima()
comprobar()
});
function clima(){
$.getJSON("https://api.openweathermap.org/data/2.5/weather?q=" + city.value + "&appid=95176c8edea30e33338e0eaddd53a916&units=metric",function(data){
document.querySelector(".container").style.visibility = "visible";
flag = true;
let vars = data.main;
let vars2 = data.sys;
let vars3;
vars3 = (data.weather);
document.querySelector("#ciudad").textContent = data.name;
document.querySelector("#pais").textContent = vars2.country;
document.querySelector("#temperatura").textContent = vars.temp;
document.querySelector("#grados").innerHTML = "<sup>°C</sup>";
document.querySelector("#wicon").setAttribute("src","http://openweathermap.org/img/wn/"+vars3[0].icon+".png");
document.querySelector("#descripcion").textContent = vars3[0].description;
})
}
function comprobar(){
if(flag==false) {
alert("error");
} else {
flag =false;
alert("hola")
}
}
comprobar()
dentro deladdEventListener
de el boton, agrega elcomprobar()
dentro y al final de la funcionclima()
, prueba y dime si te funcionógetJSON
recibe un callback, agrega la funcioncomprobar()
dentro y al final de ese callback