59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
const offres = {
|
|
decouverte: {
|
|
nom: "Offre Découverte",
|
|
prix: "19€ / mois",
|
|
avantages: [
|
|
"Accès à la plateforme",
|
|
"3 visites par mois",
|
|
"Support standard"
|
|
]
|
|
},
|
|
pro: {
|
|
nom: "Offre Pro",
|
|
prix: "79€ / mois",
|
|
avantages: [
|
|
"Accès illimité à la plateforme",
|
|
"Casque VR en location",
|
|
"Statistiques & analytics",
|
|
"Support prioritaire"
|
|
]
|
|
},
|
|
agence: {
|
|
nom: "Offre Agence",
|
|
prix: "149€ / mois",
|
|
avantages: [
|
|
"Pack 5 casques VR",
|
|
"Interface multi-utilisateurs",
|
|
"Accès illimité",
|
|
"Support dédié"
|
|
]
|
|
}
|
|
};
|
|
|
|
// Lire l'offre depuis l'URL
|
|
const params = new URLSearchParams(window.location.search);
|
|
const offreKey = params.get("offre") || "pro";
|
|
const offre = offres[offreKey];
|
|
|
|
// Sélecteurs HTML
|
|
const card = document.querySelector(".order-card");
|
|
const price = card.querySelector(".price");
|
|
const list = card.querySelector("ul");
|
|
|
|
// Injection contenu
|
|
card.querySelector("h3").textContent = offre.nom;
|
|
price.textContent = offre.prix;
|
|
|
|
list.innerHTML = "";
|
|
offre.avantages.forEach(item => {
|
|
const li = document.createElement("li");
|
|
li.textContent = "✓ " + item;
|
|
list.appendChild(li);
|
|
});
|
|
|
|
// Fake validation formulaire
|
|
document.getElementById("orderForm").addEventListener("submit", function(e) {
|
|
e.preventDefault();
|
|
alert("Demande envoyée ✅\n(Ceci est une simulation pédagogique)");
|
|
});
|