1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
| const inputs = {
k: 600, //Montant financé
t: 16.89999, // TAUX
n: 50, // Budget mensuel
ptz: 0,
}
const $wrapper = document.querySelector('.wrapper');
const $inputs = [...document.querySelectorAll('input')];
// Create
const $result = document.createElement('div');
const $result2 = document.createElement('div');
// Append to Dom
$wrapper.appendChild($result);
$wrapper.appendChild($result2);
function render() {
// DO SOME MATHS
const k = parseFloat(inputs.k);
// Capital en euros
// Duree en années
let ptz = inputs.ptz; // max ptz;
let m = parseFloat(0); // Mensualité en euros
t = parseFloat(inputs.t) / 100; // Taux
n = parseInt(inputs.n); // Nombre de mensualité
m = Math.round((( k * t / 100)/(1-( Math.pow(( 1 + t / 100 ),( -n ))))) * 100 ) / 100; // Mensualité en euros
const k1 = (( m - m ) * n); // Calcul dernier mois
const k2 = k - ptz; // Je n'utilise pas
const m2 = parseFloat(k2 * (t / 12) / (1 - Math.pow(1 + ( t / 12), -n)).toFixed(2)); // Je n'utilise pas
const m3 = ptz / n; // Je n'utilise pas
const c = (m * n) - k; // Je n'utilise pas
const c2 = (m2 * n) - k2; // Je n'utilise pas
// Add or Update Data
$result.innerHTML = `
<strong>${m.toFixed(2)}</strong> <sup>mois</sup> à <strong>${parseFloat(n).toFixed(0)}</strong> </strong>
`;
$result2.innerHTML = `
<strong>1</strong> <sup>mois</sup> à <strong>${parseFloat(k1).toFixed(2)}</strong> </strong>
`;
}
render();
$inputs.forEach($input => {
$input.addEventListener('keyup', e => {
const target = e.target;
const type = target.dataset.key;
inputs[type] = target.value;
render();
}, false);
}); |
Partager