Calculator Tools Calculator Tools
Create

Calculateur de Viager Occupé

Dec 24, 2023

About this app

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

Simulateur de Viager Occupé Simulateur de Viager Occupé Valeur Vénale : Montant du DUH : Montant du Bouquet : Taux de Rente : Calculer Résultats Rente Viagère :

Related apps

Put this on your site

Source

                    <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>Simulateur de Viager Occupé</title>
<meta name="description" content="Simulateur de viager occupé pour estimer la rente viagère et le bouquet">
<meta name="keywords" content="simulateur, viager, rente viagère, bouquet, 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/css?family=Poppins" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function() {
// Code for the calculator goes here
function calculate() {
// Get input values
const valeurVenale = parseFloat($("#valeur-venale").val());
const duh = parseFloat($("#duh").val());
const bouquet = parseFloat($("#bouquet").val());

// Perform calculations
const capitalARenter = valeurVenale - duh - bouquet;
const tauxRente = parseFloat($("#taux-rente").val());
const renteViagere = capitalARenter * (tauxRente / 100);

// Display results
$("#rente-viagere").text(renteViagere.toFixed(2));
$("#result-container").show();
}

// Event listener for the calculate button
$("#calculate-btn").on("click", function() {
calculate();
});
});

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

<style>
/* App CSS Goes Here */
body {
font-family: 'Poppins', sans-serif;
background-color: #f8f9fa;
}

.container {
padding: 20px;
}

.section-title {
font-size: 24px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 15px;
}

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

.form-group label {
font-weight: bold;
}

.form-group input[type="number"] {
width: 100%;
padding: 10px;
border: 1px solid #ced4da;
border-radius: 5px;
}

.btn-primary {
background-color: #007bff;
border-color: #007bff;
}

.btn-primary:hover {
background-color: #0069d9;
border-color: #0062cc;
}

.result {
font-size: 18px;
margin-top: 20px;
display: none;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Simulateur de Viager Occupé</h1>

<div class="form-group">
<label for="valeur-venale">Valeur Vénale :</label>
<input type="number" id="valeur-venale" placeholder="Entrez la valeur vénale du bien">
</div>

<div class="form-group">
<label for="duh">Montant du DUH :</label>
<input type="number" id="duh" placeholder="Entrez le montant du DUH">
</div>

<div class="form-group">
<label for="bouquet">Montant du Bouquet :</label>
<input type="number" id="bouquet" placeholder="Entrez le montant du bouquet">
</div>

<div class="form-group">
<label for="taux-rente">Taux de Rente :</label>
<input type="number" id="taux-rente" placeholder="Entrez le taux de rente">
</div>

<button id="calculate-btn" class="btn btn-primary">Calculer</button>

<div id="result-container" class="result">
<h2 class="section-title">Résultats</h2>
<p>Rente Viagère : <span id="rente-viagere"></span></p>
<!-- Add other relevant details here -->
</div>
</div>
</body>
</html>