Dec 24, 2023
v.0
Versions
Bugs
None!
Get This App On Your Website
1. Copy the code above with the iframe and link.
2. Paste the code into your website.
3. Resize the iframe to fit your website.
2. Paste the code into your website.
3. Resize the iframe to fit your website.
Javascript, HTML, CSS Code
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script>
<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>
<link rel="canonical" href="https://calculator.tools/app/calculateur-de-viager-occupe-854/">
<meta charset="utf-8">
</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>
<script type="text/javascript"> var localStoragePrefix = "ct-854"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script>
<script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script>
</body>
</html>
NEW APPS
These are apps made by the community!
FAQ
What is Calculator Tools?
Calculator Tools allows you to instantly create and generate any simple one page web app for
free and immediately have it online to use and share. This means anything! Mini apps,
calculators, trackers, tools, games, puzzles, screensavers... anything you can think of that the
AI can handle.
The AI uses Javacript, HTML, and CSS programming to code your app up in moments. This currently
uses GPT-4 the latest and most powerful version of the OpenAI GPT language model.
What Do You Mean Make An App?
Have you ever just wanted a simple app but didn't want to learn programming or pay someone to
make it for you? Calculator Tools is the solution! Just type in your prompt and the AI will
generate a simple app for you in seconds. You can then customize it to your liking and share it
with your friends.
AI has become so powerful it is that simple these days.
Does This Use ChatGPT?
It uses GPT-4 which is the most powerful model for ChatGPT.
Calculator Tools does not remember things from prompt to prompt, each image is a unique image
that does not reference any of the images or prompts previously supplied.
Calculator Tools