Calculator Tools Calculator Tools
Create

Calculateur de Viager Occupé

Dec 24, 2023

About this app

Un calculateur de viager occupé pour estimer la rente viagère et d'autres détails financiers

Calculateur de Viager Occupé Calculateur de Viager Occupé Valeur Vénale : État du Bien : Bon Moyen Mauvais Situation Géographique : Âge du Vendeur : Occupation du Bien : Occupé par le vendeur Non occupé par le vendeur Tables de Mortalité : Standard Personnalisé Montant du Bouquet : Taux d'Intérêt : Modalités de Paiement de la Rente : Mensuel Trimestriel Annuel Indexation de la Rente : Implications Fiscales : Frais Légaux et Annexes : Conditions Contractuelles : Calculer Résultats Rente Viagère : Bouquet : Scénarios de Simulation : Scénario 1 Scénario 2 Scénario 3

Related apps

Put this on your site

Source

                    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Calculateur de Viager Occupé</title>
<meta name="description" content="Un calculateur de viager occupé pour estimer la rente viagère et d'autres détails financiers">
<meta name="keywords" content="calculateur, viager, rente, immobilier, finance">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {

});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
body {
font-family: 'Open Sans', sans-serif;
background-color: #f7f7f7;
}

.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

h1 {
font-size: 24px;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
}

.form-group {
margin-bottom: 20px;
}

label {
font-weight: 600;
}

input[type="text"],
select {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid #dddddd;
}

button {
width: 100%;
padding: 10px;
background-color: #4caf50;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}

.results {
margin-top: 20px;
padding: 10px;
background-color: #f7f7f7;
border-radius: 5px;
border: 1px solid #dddddd;
}

.result-label {
font-weight: 600;
}

.result-value {
margin-top: 5px;
}

.simulation {
margin-top: 20px;
font-size: 14px;
}

.simulation-label {
font-weight: 600;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Calculateur de Viager Occupé</h1>
<form id="calculator-form">
<div class="form-group">
<label for="valeur-venale">Valeur Vénale :</label>
<input type="text" id="valeur-venale" name="valeur-venale" placeholder="Entrez la valeur estimée du bien">
</div>
<div class="form-group">
<label for="etat-bien">État du Bien :</label>
<select id="etat-bien" name="etat-bien">
<option value="bon">Bon</option>
<option value="moyen">Moyen</option>
<option value="mauvais">Mauvais</option>
</select>
</div>
<div class="form-group">
<label for="situation-geographique">Situation Géographique :</label>
<input type="text" id="situation-geographique" name="situation-geographique" placeholder="Entrez l'emplacement du bien">
</div>
<div class="form-group">
<label for="age-vendeur">Âge du Vendeur :</label>
<input type="text" id="age-vendeur" name="age-vendeur" placeholder="Entrez l'âge du vendeur">
</div>
<div class="form-group">
<label for="occupation-bien">Occupation du Bien :</label>
<select id="occupation-bien" name="occupation-bien">
<option value="occupé">Occupé par le vendeur</option>
<option value="non-occupé">Non occupé par le vendeur</option>
</select>
</div>
<div class="form-group">
<label for="tables-mortalite">Tables de Mortalité :</label>
<select id="tables-mortalite" name="tables-mortalite">
<option value="standard">Standard</option>
<option value="personnalise">Personnalisé</option>
</select>
</div>
<div class="form-group">
<label for="montant-bouquet">Montant du Bouquet :</label>
<input type="text" id="montant-bouquet" name="montant-bouquet" placeholder="Entrez le montant du bouquet">
</div>
<div class="form-group">
<label for="taux-interet">Taux d'Intérêt :</label>
<input type="text" id="taux-interet" name="taux-interet" placeholder="Entrez le taux d'intérêt">
</div>
<div class="form-group">
<label for="modalites-paiement">Modalités de Paiement de la Rente :</label>
<select id="modalites-paiement" name="modalites-paiement">
<option value="mensuel">Mensuel</option>
<option value="trimestriel">Trimestriel</option>
<option value="annuel">Annuel</option>
</select>
</div>
<div class="form-group">
<label for="indexation-rente">Indexation de la Rente :</label>
<input type="text" id="indexation-rente" name="indexation-rente" placeholder="Entrez le taux d'indexation annuel">
</div>
<div class="form-group">
<label for="implications-fiscales">Implications Fiscales :</label>
<input type="text" id="implications-fiscales" name="implications-fiscales" placeholder="Entrez les implications fiscales">
</div>
<div class="form-group">
<label for="frais-legaux">Frais Légaux et Annexes :</label>
<input type="text" id="frais-legaux" name="frais-legaux" placeholder="Entrez les frais légaux et annexes">
</div>
<div class="form-group">
<label for="conditions-contractuelles">Conditions Contractuelles :</label>
<input type="text" id="conditions-contractuelles" name="conditions-contractuelles" placeholder="Entrez les conditions contractuelles">
</div>
<button type="submit">Calculer</button>
</form>
<div id="results" class="results" style="display: none;">
<h2>Résultats</h2>
<div class="result-label">Rente Viagère :</div>
<div id="rente-viagere" class="result-value"></div>
<div class="result-label">Bouquet :</div>
<div id="bouquet" class="result-value"></div>
<!-- Add other relevant details here -->
</div>
<div class="simulation">
<label class="simulation-label">Scénarios de Simulation :</label>
<select id="scenarios" name="scenarios">
<option value="scenario1">Scénario 1</option>
<option value="scenario2">Scénario 2</option>
<option value="scenario3">Scénario 3</option>
</select>
</div>
</div>

<script type="text/javascript">
// App Javascript Goes Here
$(document).ready(function() {
// Event listener for form submission
$("#calculator-form").submit(function(e) {
e.preventDefault();

// Get form values
var valeurVenale = $("#valeur-venale").val();
var etatBien = $("#etat-bien").val();
var situationGeographique = $("#situation-geographique").val();
var ageVendeur = $("#age-vendeur").val();
var occupationBien = $("#occupation-bien").val();
var tablesMortalite = $("#tables-mortalite").val();
var montantBouquet = $("#montant-bouquet").val();
var tauxInteret = $("#taux-interet").val();
var modalitesPaiement = $("#modalites-paiement").val();
var indexationRente = $("#indexation-rente").val();
var implicationsFiscales = $("#implications-fiscales").val();
var fraisLegaux = $("#frais-legaux").val();
var conditionsContractuelles = $("#conditions-contractuelles").val();

// Perform calculations and display results
var renteViagere = calculateRenteViagere();
var bouquet = calculateBouquet();

$("#rente-viagere").text(renteViagere);
$("#bouquet").text(bouquet);

// Show results
$("#results").show();
});

// Function to calculate rente viagere
function calculateRenteViagere() {
// Add your calculation logic here
return "$500"; // Placeholder value, replace with actual calculation
}

// Function to calculate bouquet
function calculateBouquet() {
// Add your calculation logic here
return "$50,000"; // Placeholder value, replace with actual calculation
}
});
</script>
</body>
</html>