Lorsque je suis étape par étape l'exercice, j'obtiens ceci :
let ville = "villeurbanne";
// Appeler la fonction recevoirTemperature(ville)
recevoirTemperature(ville);
let changer = document.querySelector('#changer');
changer.addEventListener('click', () => {
villeChoisie = prompt('Merci de choisir votre ville ?');
recevoirTemperature(villeChoisie);
})
function recevoirTemperature(ville) {
const url = 'http://api.openweathermap.org/data/2.5/weather?q='+ ville + '&APPID=27f014ce566ecb66ccbbec4015e2444a&units=metric'
let requete = new XMLHttpRequest();
requete.open('GET', url);
requete.responseType = 'json';
requete.send();
requete.onload = function() {
if(requete.readyState === XMLHttpRequest.DONE) {
if(requete.status === 200) {
let reponse = requete.response;
console.log(reponse);
let temperature = reponse.main.temp;
let endroit = reponse.name;
document.querySelector('#temperature_label').textContent = temperature;
document.querySelector('#ville').textContent = endroit;
}
else {
alert('Un problème est survenu, merci de revenir plus tard.');
}
}
}
}
En faisant de cette façon, cela fonctionne.
Mon incompréhension c'est entre la function recevoirTemperateur et l'addEventListener
Je ne comprends comment ville = villeChoisie.
Merci.
