Loading index.html +12 −1 Original line number Diff line number Diff line Loading @@ -13,8 +13,19 @@ <select id="villeListe" class="cache"> <option>--Sélectionner une ville--</option> </select> <div class="resultat cache" > <div class="resultat cache" id="resultat"> <div class="weatherCard" id="weatherCard"> <p>Ville : <span id="WCVille"></span></p> <p>Temps <span id="WCBref"></span></p> <p>Température min : <span id="WCTemperatureMin"></span></p> <p>Température max : <span id="WCTemperatureMax"></span></p> <p>Probabilité de pluie : <span id="WCPluie"></span></p> <p>Temps d'ensoleillements : <span id="WCEnsoleillement"></span> heures.</p> <p>(valeurs de test)</p> </div> </div> <script src ="js/script.js"></script> </body> </html> No newline at end of file js/script.js +27 −3 Original line number Diff line number Diff line // Éléments du DOM // Interface const barreRechercheCodePostal = document.getElementById("codePostalInput"); const boutonRechercheCodePostal = document.getElementById("recherche"); const listeDeroulanteVilles = document.getElementById("villeListe"); Loading @@ -6,9 +8,16 @@ const listeDeroulanteVilles = document.getElementById("villeListe"); boutonRechercheCodePostal.addEventListener("click", onRechercher); listeDeroulanteVilles.addEventListener("change", onSelectionneVille); let villes = []; // Zones d'affichage const zoneResultats = document.getElementById("resultat"); const labelVille = document.getElementById("WCVille"); const labelBref = document.getElementById("WCBref"); // décrit brièvement le temps (clair, nuageux...) const labelTemperatureMin = document.getElementById("WCTemperatureMin"); const labelTemperatureMax = document.getElementById("WCTemperatureMax"); const labelPluie = document.getElementById("WCPluie"); // Probabilité de pluie const labelEnsoleillement = document.getElementById("WCEnsoleillement"); // Nombres d'heures d'ensoleillement let villes = []; function onRechercher(){ let codePostalS = barreRechercheCodePostal.value; Loading @@ -31,6 +40,7 @@ function onRechercher(){ function onErreurSaisieCodePostal(message){ alert(message); listeDeroulanteVilles.classList.add("cache"); zoneResultats.classList.add("cache"); } function listeVille(){ Loading Loading @@ -65,7 +75,21 @@ function onSelectionneVille(){ return; } alert(ville); afficherMeteo("", ville); } function afficherMeteo(codeInsee, ville){ //TODO appeler le code de Victor pour soliciter l'API de météo // Pour l'instant, on remplit avec des valeurs statiques pour tester labelVille.textContent = ville; labelBref.textContent = "ensoleillé"; labelTemperatureMin.textContent = "15 °C"; labelTemperatureMax.textContent = "29 °C"; labelPluie.textContent = "2 %"; labelEnsoleillement.textContent = "3 heures"; zoneResultats.classList.remove("cache"); } const getVilles = () => { Loading Loading
index.html +12 −1 Original line number Diff line number Diff line Loading @@ -13,8 +13,19 @@ <select id="villeListe" class="cache"> <option>--Sélectionner une ville--</option> </select> <div class="resultat cache" > <div class="resultat cache" id="resultat"> <div class="weatherCard" id="weatherCard"> <p>Ville : <span id="WCVille"></span></p> <p>Temps <span id="WCBref"></span></p> <p>Température min : <span id="WCTemperatureMin"></span></p> <p>Température max : <span id="WCTemperatureMax"></span></p> <p>Probabilité de pluie : <span id="WCPluie"></span></p> <p>Temps d'ensoleillements : <span id="WCEnsoleillement"></span> heures.</p> <p>(valeurs de test)</p> </div> </div> <script src ="js/script.js"></script> </body> </html> No newline at end of file
js/script.js +27 −3 Original line number Diff line number Diff line // Éléments du DOM // Interface const barreRechercheCodePostal = document.getElementById("codePostalInput"); const boutonRechercheCodePostal = document.getElementById("recherche"); const listeDeroulanteVilles = document.getElementById("villeListe"); Loading @@ -6,9 +8,16 @@ const listeDeroulanteVilles = document.getElementById("villeListe"); boutonRechercheCodePostal.addEventListener("click", onRechercher); listeDeroulanteVilles.addEventListener("change", onSelectionneVille); let villes = []; // Zones d'affichage const zoneResultats = document.getElementById("resultat"); const labelVille = document.getElementById("WCVille"); const labelBref = document.getElementById("WCBref"); // décrit brièvement le temps (clair, nuageux...) const labelTemperatureMin = document.getElementById("WCTemperatureMin"); const labelTemperatureMax = document.getElementById("WCTemperatureMax"); const labelPluie = document.getElementById("WCPluie"); // Probabilité de pluie const labelEnsoleillement = document.getElementById("WCEnsoleillement"); // Nombres d'heures d'ensoleillement let villes = []; function onRechercher(){ let codePostalS = barreRechercheCodePostal.value; Loading @@ -31,6 +40,7 @@ function onRechercher(){ function onErreurSaisieCodePostal(message){ alert(message); listeDeroulanteVilles.classList.add("cache"); zoneResultats.classList.add("cache"); } function listeVille(){ Loading Loading @@ -65,7 +75,21 @@ function onSelectionneVille(){ return; } alert(ville); afficherMeteo("", ville); } function afficherMeteo(codeInsee, ville){ //TODO appeler le code de Victor pour soliciter l'API de météo // Pour l'instant, on remplit avec des valeurs statiques pour tester labelVille.textContent = ville; labelBref.textContent = "ensoleillé"; labelTemperatureMin.textContent = "15 °C"; labelTemperatureMax.textContent = "29 °C"; labelPluie.textContent = "2 %"; labelEnsoleillement.textContent = "3 heures"; zoneResultats.classList.remove("cache"); } const getVilles = () => { Loading