début localstorage

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 () {