Comprendre le passage de paramètres entre addEventListener et fonction

Question

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 fonction recevoirTemperature et l' addEventListener .
Je ne comprends pas comment ville = villeChoisie .
Merci.

Louis-Nicolas Leuillet · Accepted Answer

Ne t'en fais pas, on a tous des moments dans lesquels on a du mal !
Ta variable villeChoisie intervient dans addEventListener
changer.addEventListener('click', () => {
villeChoisie = prompt('Merci de choisir votre ville ?');
recevoirTemperature(villeChoisie);
})
Plutôt que de donner ville, tu donnes la valeur avec villeChoisie

Louis-Nicolas Leuillet · Answer

Hello David.
Lorsque tu changes la ville tu appelles la function recevoirTemperature en passant la valeur de la variable villeChoisie. Donc cette valeur sera mise dans la variable ville de la fonction recevoirTemperature.
recevoirTemperature(villeChoisie);

David Egea · Answer

Là, je bug.
Au départ, j'ai une variable ville = "Toulouse".
Dans mon événement, j'ai une variable villeChoisie qui va prendre la nouvelle valeur, par exemple Dijon, soit villeChoisie = "Dijon".
Dans ma fonction recevoirTemperature , j'ai en paramètre ( ville ) et mon URL dans la fonction a aussi ville .
À quel moment intervient la variable villeChoisie ?
J'avoue, en ce moment, je sature pas mal, car je dois trouver un contrat de professionnalisation pour ma reconversion et c'est loin d'être simple ;)
Merci pour le retour :)

Mathurin Kouamé Yao · Answer

Bonjour formateur, j'ai bien commencé en suivant les étapes, puis après j'ai suivi la correction et ça va.
Ma question : si on voulait que la température et la ville changent par intervalle de temps, comment cela peut se faire ? J'ai essayé avec setInterval , tel que dans le projet précédent.

Comprendre le passage de paramètres entre addEventListener et fonction

Formation JavaScript (legacy)