diff --git a/pages/css/devis.js b/pages/css/devis.js index d424da8..8f866a1 100644 --- a/pages/css/devis.js +++ b/pages/css/devis.js @@ -10,6 +10,26 @@ const zoneMsg = document.getElementById("msg"); const txt_restant = document.getElementById("txt_restant"); const MAX = 500; const formulaire = document.querySelector("form"); +const services = [ + { + nom: "Géolocalisation", + description: "Suivi en temps réel", + prix: "30€/véhicule/mois", + }, + { nom: "Odomètre", description: "Kilométrage précis", prix: "200€" }, + { + nom: "Consommation", + description: "Carburant consommé", + prix: "15€/véhicule/mois", + }, + { + nom: "Impact carbone", + description: "CO₂ rejeté", + prix: "30€/véhicule/mois", + }, +]; +const corps = document.getElementById("services"); +let lignes = ""; let nbVehicules = 1; function mettreAJourGPS() { affichageNb.textContent = nbVehicules; @@ -52,3 +72,17 @@ formulaire.addEventListener("submit", function (evenement) { alert("Merci de remplir tous les champs"); } }); +for (const service of services) { + console.log(service.nom + " _ " + service.description + " _ " + service.prix); +} +for (const service of services) { + lignes = + lignes + + ` + + ${service.nom} + ${service.description} + ${service.prix} + `; +} +corps.innerHTML = lignes; diff --git a/pages/services.html b/pages/services.html index 7ebbd5b..801e29b 100644 --- a/pages/services.html +++ b/pages/services.html @@ -26,26 +26,8 @@ Prix - - Géolocalisation - Afin de retrouver l'ensemble de vos véhicules sur une carte en temps réel ! - 30€/véhicule/mois - - - Odomètre - Ayez accès à un killomètrage précis. - 200€ - - - Consommation - Le carburant consommé par votre flotte. - 15£/véhicule/mois - - - Impact Carbonne - Ayez sous les yeux tous les chiffres concernant le CO2 rejeté par votre flotte - 30€/véhicule/mois - + +