Commit 7db741d7 authored by Julien Ait azzouzene's avatar Julien Ait azzouzene
Browse files

feat: affichage basique

(statique) des informations
parent 87f886f0
Loading
Loading
Loading
Loading
+12 −1
Original line number Diff line number Diff line
@@ -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
+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");
@@ -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;
@@ -31,6 +40,7 @@ function onRechercher(){
function onErreurSaisieCodePostal(message){
    alert(message);
    listeDeroulanteVilles.classList.add("cache");
    zoneResultats.classList.add("cache");
}

function listeVille(){
@@ -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 = () => {