diff --git a/pages/css/devis.js b/pages/css/devis.js index 8f866a1..b6c3655 100644 --- a/pages/css/devis.js +++ b/pages/css/devis.js @@ -10,6 +10,8 @@ const zoneMsg = document.getElementById("msg"); const txt_restant = document.getElementById("txt_restant"); const MAX = 500; const formulaire = document.querySelector("form"); +console.log("dans le local : ", localStorage.getItem("nbVehicules")); + const services = [ { nom: "Géolocalisation", @@ -30,7 +32,12 @@ const services = [ ]; const corps = document.getElementById("services"); let lignes = ""; -let nbVehicules = 1; +let nbVehicules; +if (localStorage.getItem("nbVehicules") !== null) { + nbVehicules = localStorage.getItem("nbVehicules"); +} else { + nbVehicules = 1; +} function mettreAJourGPS() { affichageNb.textContent = nbVehicules; affichageGéo.textContent = nbVehicules * PRIX_GPS; @@ -49,16 +56,27 @@ boutonPlus.addEventListener("click", function () { if (nbVehicules > 99) { nbVehicules = nbVehicules - 1; } - if (nbVehicules === 1) mot_vehicules.textContent = "véhicule"; - else mot_vehicules.textContent = "véhicules"; - (mettreAJourGPS(), mettreAJourCONSO()); + if (nbVehicules === 1) { + mot_vehicules.textContent = "véhicule"; + } else { + mot_vehicules.textContent = "véhicules"; + } + console.log("rajout en cours :", nbVehicules); + localStorage.setItem("nbVehicules", nbVehicules); + console.log("dans le store", localStorage.getItem("nbVehicules"))( + mettreAJourGPS(), + mettreAJourCONSO(), + ); }); boutonMoins.addEventListener("click", function () { if (nbVehicules > 1) { nbVehicules = nbVehicules - 1; } if (nbVehicules === 1) mot_vehicules.textContent = "véhicule"; - else mot_vehicules.textContent = "véhicules"; + else { + mot_vehicules.textContent = "véhicules"; + } + localStorage.setItem("nbVehicules", nbVehicules); (mettreAJourGPS(), mettreAJourCONSO()); }); zoneMsg.addEventListener("input", function () {