Simulateur - Le Club des Propriétaires body { font-family: Arial, sans-serif; margin: 0; padding: 2rem; background-color: #f9f9f9; color: #333; } h1 { font-size: 2rem; margin-bottom: 1rem; } .container { display: flex; gap: 2rem; flex-wrap: wrap; } .form, .summary { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.05); flex: 1; min-width: 300px; } label { display: block; margin-top: 1rem; font-weight: bold; } select, input[type="range"], input[type="text"], input[type="number"], input[type="email"] { width: 100%; padding: 0.5rem; margin-top: 0.5rem; border: 1px solid #ccc; border-radius: 4px; } .range-value { text-align: right; font-size: 0.9rem; color: #555; } .radio-group { display: flex; gap: 1rem; margin-top: 0.5rem; } .total { font-size: 1.5rem; font-weight: bold; margin-top: 2rem; } .btn { background-color: #85c226; border: none; color: white; padding: 1rem; margin-top: 1rem; width: 100%; border-radius: 4px; cursor: pointer; font-weight: bold; } .hidden { display: none; } Calculez le coût de votre protection

Vous êtes propriétaire bailleur ? Le Club des Propriétaires vous accompagne pour sécuriser durablement votre investissement locatif.

En quelques clics, estimez le coût de votre protection avec tarif personnalisé, instantané et sans engagement.

const typeBien = document.getElementById("typeBien"); const inputAppartement = document.getElementById("inputAppartement"); const inputMaison = document.getElementById("inputMaison"); const surface = document.getElementById("surface"); const surfaceValue = document.getElementById("surfaceValue"); const loyer = document.getElementById("loyer"); const loyerValue = document.getElementById("loyerValue"); const inputLoyer = document.getElementById("inputLoyer"); const adhesion = document.getElementById("adhesion"); const gliRadios = document.getElementsByName("gli"); const coutAdhesion = document.getElementById("coutAdhesion"); const coutPNO = document.getElementById("coutPNO"); const coutGLI = document.getElementById("coutGLI"); const total = document.getElementById("total"); function updateFields() { inputAppartement.classList.add("hidden"); inputMaison.classList.add("hidden"); if (typeBien.value === "appartement") { inputAppartement.classList.remove("hidden"); } else if (typeBien.value === "maison") { inputMaison.classList.remove("hidden"); } const gliSelected = [...gliRadios].find(r => r.checked)?.value; inputLoyer.classList.toggle("hidden", gliSelected !== "oui"); } function calcul() { let adhesionCost = 0; const adhesionType = adhesion.value; if (adhesionType === "access") adhesionCost = 78; else if (adhesionType === "securite") adhesionCost = 168; else if (adhesionType === "excellence") adhesionCost = 228; let pnoCost = 0; if (typeBien.value === "local") pnoCost = adhesionType ? 204 : 255; if (typeBien.value === "appartement") { const s = parseInt(surface.value); if (s { updateFields(); calcul(); }); adhesion.addEventListener("change", calcul); surface.addEventListener("input", calcul); document.getElementById("nbPieces").addEventListener("change", calcul); gliRadios.forEach(radio => radio.addEventListener("change", () => { updateFields(); calcul(); })); loyer.addEventListener("input", calcul); window.onload = calcul;