74 lines
1.8 KiB
HTML
74 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>sqare round inside corner</title>
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id=fps></div>
|
|
<script>
|
|
|
|
var drow = function(){
|
|
a.drow(a)
|
|
}
|
|
|
|
class corner{
|
|
|
|
totaal = 21230;
|
|
zelfBetalen = 5000;
|
|
termijnen = 4;
|
|
rente = 6.9;
|
|
betalen = 500;
|
|
|
|
update(self){
|
|
if(typeof self != 'object'){
|
|
self = a
|
|
}
|
|
requestAnimationFrame(self.update)
|
|
//setTimeout(self.drow, 100)
|
|
if(self.fpsSlower == 10){
|
|
var last = new Date().getTime()
|
|
self.fps.innerHTML = Math.round(10*100*1000/(last - self.last))/100 + " fps"
|
|
self.last = last
|
|
self.fpsSlower = 0
|
|
}
|
|
self.fpsSlower += 1;
|
|
|
|
self.teLenen = self.totaal - self.zelfBetalen
|
|
self.renteB = 0
|
|
nogBetalen = self.teLenen
|
|
for(var i=0; i<self.termijnen*12; i++){
|
|
self.renteB += nogBetalen * self.rente / 100
|
|
nogBetalen
|
|
}
|
|
self.bedragPM = (self.teLenen + self.renteB) / (self.termijnen * 12)
|
|
self.kwijt = (self.betalen) * (self.termijnen * 12)
|
|
self.verschil = self.kwijt - (self.teLenen + self.renteB)
|
|
self.werkelijkeRente = ((self.verschil / self.teLenen))*100
|
|
|
|
}
|
|
}
|
|
|
|
window.onload = function() {
|
|
a = new corner()
|
|
a.update()
|
|
var gui = new dat.GUI();
|
|
gui.add(a, 'totaal', 1000, 30000);
|
|
gui.add(a, 'zelfBetalen', 0, 10000);
|
|
gui.add(a, 'termijnen', 1, 10);
|
|
gui.add(a, 'betalen');
|
|
gui.add(a, 'teLenen').listen();
|
|
gui.add(a, 'renteB').listen();
|
|
gui.add(a, 'bedragPM').listen();
|
|
gui.add(a, 'kwijt').listen();
|
|
gui.add(a, 'verschil').listen();
|
|
gui.add(a, 'werkelijkeRente').listen();
|
|
};
|
|
|
|
</script>
|
|
<script type="text/javascript" src="dat.gui.min.js"></script>
|
|
</body>
|
|
</html> |