Est-il judicieux d’opter pour un prêt hypothécaire à taux fixe sur le long terme ?

// Chaînes facilement modifiables (toutes en français) const STR = { titre: « Simulateur de mensualités hypothécaires », instructions: « Saisissez le montant emprunté, le taux annuel (TAEG) et la durée en années. », montant_label: « Montant emprunté (€) », taux_label: « TAEG annuel (%) », duree_label: « Durée (années) », calculer: « Calculer », mensualite_label: « Mensualité (TAEG) », total_rembourse: « Total remboursé », interets_total: « Intérêts payés », erreur_inputs: « Veuillez saisir des valeurs valides supérieures à zéro. », precision_label: « Décimales », exemple_info: « Exemples et explications : la mensualité est calculée avec la formule d’annuité classique. Le TAEG est supposé être le taux annuel global. » }; // Script principal pour le simulateur // Pas d’APIs externes nécessaires — tout est calculé localement (100% gratuit). // Si vous deviez appeler une API publique gratuite, documentez l’URL et un exemple de JSON ici. // Exemple d’URL (ne pas utilisé ici) : https://api.exemple.com/taux // Exemple de réponse JSON (exemple uniquement) : // { « taux_moyen_annuel »: 1.85, « devise »: « EUR » } // Récupération des éléments const titreEl = document.getElementById(‘titre-simu’); const instructionsEl = document.getElementById(‘instructions-simu’); const labelMensualiteEl = document.getElementById(‘label-mensualite’); const valeurMensualiteEl = document.getElementById(‘valeur-mensualite’); const valeurTotalEl = document.getElementById(‘valeur-total’); const valeurInteretsEl = document.getElementById(‘valeur-interets’); const erreurEl = document.getElementById(‘erreur’); const btnCalculer = document.getElementById(‘btn-calculer’); const precisionEl = document.getElementById(‘precision’); const apercuAmortEl = document.getElementById(‘aperçu-amort’); const montantInput = document.getElementById(‘montant’); const tauxInput = document.getElementById(‘taux’); const dureeInput = document.getElementById(‘duree’); // Initialisation des textes (internationalisation facile) titreEl.textContent = STR.titre; instructionsEl.textContent = STR.instructions; labelMensualiteEl.textContent = STR.mensualite_label; document.querySelector(‘#details-amort summary’).textContent = « Aperçu simplifié de l’amortissement »; document.querySelector(‘#details-amort + div’)?.setAttribute(‘style’, ‘white-space:pre-line;’); document.querySelector(‘.text-xs’).textContent = STR.exemple_info; // Formatage monétaire pour la France function formatEUR(value, decimals = 2) { try { return new Intl.NumberFormat(‘fr-FR’, { style: ‘currency’, currency: ‘EUR’, minimumFractionDigits: decimals, maximumFractionDigits: decimals }).format(value); } catch (e) { // Fallback simple return (value).toFixed(decimals) +  » € »; } } // Calcul de la mensualité selon la formule d’annuité : // M = P * r / (1 – (1+r)^-n) // P = principal, r = taux périodique (mensuel), n = nombre de mensualités function calculerMensualite(principal, tauxAnnuel, dureeAnnees) { const n = Math.max(1, Math.round(dureeAnnees * 12)); // nombre de mois const r = (tauxAnnuel / 100) / 12; // taux mensuel if (r === 0) { // Si taux nul, mensualité = principal / n return { mensualite: principal / n, n, r }; } const denom = 1 – Math.pow(1 + r, -n); const mensualite = principal * (r / denom); return { mensualite, n, r }; } // Génère un mini-apercu d’amortissement : 1e année, milieu et dernière année (approx) function genererApercu(principal, mensualite, r, n, decimals) { // On calcule rapidement solde après certaines périodes par formule (valeur future d’une annuité) // Solde après k paiements = P*(1+r)^k – M*(( (1+r)^k – 1)/r ) function soldeAprèsK(k) { if (r === 0) return principal – mensualite * k; return principal * Math.pow(1 + r, k) – mensualite * ( (Math.pow(1 + r, k) – 1) / r ); } const k1 = Math.min(n, 12); // après 1 an const kMid = Math.min(n, Math.floor(n / 2)); const kLast = n; const s1 = soldeAprèsK(k1); const sMid = soldeAprèsK(kMid); const sLast = soldeAprèsK(kLast); return `Après ${k1} mois (≈1 an) : solde ≈ ${formatEUR(Math.max(0, s1), decimals)} Après ${kMid} mois (milieu du prêt) : solde ≈ ${formatEUR(Math.max(0, sMid), decimals)} Après ${kLast} mois (fin du prêt) : solde ≈ ${formatEUR(Math.max(0, sLast), decimals)}`; } // Validation simple des inputs function validerInputs(principal, taux, duree) { if (isNaN(principal) || isNaN(taux) || isNaN(duree)) return false; if (principal <= 0 || duree <= 0 || taux < 0) return false; // taux peut être 0 return true; } // Handler principal de calcul function faireCalcul() { erreurEl.textContent = ""; const principal = parseFloat(montantInput.value); const taux = parseFloat(tauxInput.value); const duree = parseFloat(dureeInput.value); const decimals = parseInt(precisionEl.value, 10) || 2; if (!validerInputs(principal, taux, duree)) { erreurEl.textContent = STR.erreur_inputs; valeurMensualiteEl.textContent = "—"; valeurTotalEl.textContent = "—"; valeurInteretsEl.textContent = "—"; apercuAmortEl.textContent = "Aucun calcul pour l'instant."; return; } const { mensualite, n, r } = calculerMensualite(principal, taux, duree); const mensualiteArr = mensualite; const totalRembourse = mensualiteArr * n; const interets = totalRembourse – principal; valeurMensualiteEl.textContent = formatEUR(mensualiteArr, decimals); valeurTotalEl.textContent = formatEUR(totalRembourse, decimals); valeurInteretsEl.textContent = `${STR.interets_total} : ${formatEUR(Math.max(0, interets), decimals)}`; // Aperçu amortissement (texte) apercuAmortEl.textContent = genererApercu(principal, mensualiteArr, r, n, decimals); } // Actions UI: calculer au clic, et recalculer en mode "live" si on change les inputs (débounce) let debounceTimer = null; function debounceCalc() { window.clearTimeout(debounceTimer); debounceTimer = window.setTimeout(faireCalcul, 350); } btnCalculer.addEventListener('click', faireCalcul); montantInput.addEventListener('input', debounceCalc); tauxInput.addEventListener('input', debounceCalc); dureeInput.addEventListener('input', debounceCalc); precisionEl.addEventListener('change', faireCalcul); // Accessibilité : associer labels explicites (si JS non exécuté, labels HTML déjà présents) document.querySelector('label[for="montant"]').textContent = STR.montant_label; document.querySelector('label[for="taux"]').textContent = STR.taux_label; document.querySelector('label[for="duree"]').textContent = STR.duree_label; btnCalculer.textContent = STR.calculer; labelMensualiteEl.textContent = STR.mensualite_label; // Optionnel : charger valeurs par défaut utiles pour tester montantInput.value = montantInput.value || "250000"; tauxInput.value = tauxInput.value || "1.75"; dureeInput.value = dureeInput.value || "20"; // Premier calcul automatique window.setTimeout(faireCalcul, 60);