update formulaire

pages/css/devis.js

@@ -9,6 +9,7 @@ const PRIX_CONSOMMATION = 15;
 const zoneMsg = document.getElementById("msg");
 const txt_restant = document.getElementById("txt_restant");
 const MAX = 500;
+const formulaire = document.querySelector("form");
 let nbVehicules = 1;
 function mettreAJourGPS() {
   affichageNb.textContent = nbVehicules;
@@ -45,3 +46,9 @@ zoneMsg.addEventListener("input", function () {
   txt_restant.textContent = reste;
   txt_restant.style.color = reste < 50 ? "red" : "black";
 });
+formulaire.addEventListener("submit", function (evenement) {
+  if (zoneMsg.value.trim() === "") {
+    evenement.preventDefault();
+    alert("Merci de remplir tous les champs");
+  }
+});

pages/css/style_services.css

@@ -6,7 +6,7 @@ body {
     height: 100%;
     background-color: rgb(190, 255, 255);
     margin: 0;
-    padding-bottom: 60px;
+    padding-bottom: 167px;
 }
 #img_1 {
     width: 20%;
@@ -166,7 +166,7 @@ p {
     }
 }
 .padding_left {
-    padding-left: 10px;
+    padding-left: 20px;
 }
 #boutton_formulaire {
     width: 200px;

pages/services.html

@@ -48,7 +48,7 @@
             </tr>
         </table>
         </div>
-        <section class="simulateur">
+        <section class="simulateur, padding_left" >
             <h2>Estimez votre devis</h2>
             <p>Nombre de véhicules dans votre flotte :</p>
             <button id="moins" type="button">−</button>