Interest comparison

by pat spag

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>


<p>
Intrest calcualtor Uncompounded and Compounded outputs A = P(1+ r*t)<br/><br/>
Principal $ (P) <input type="text" id="principalTB" value="25000" /><br/>
Rate (R) % <input type="text" id="rateTB" value="6" /><br/>
Time in years (t) <input type="text" id="timeTB" value="20" /><br/>

<input type="button" value="Calculate" id="calculateBtn" />
<input type="button" value="Plot" id="plotBtn"/>

</p>
<!-- <table style="width:100%">
  <tr>
    <th>Uncompounded Intrest</th>
    <th>Compounded Intrest</th>
  </tr>
  <tr>
    <td id="output"> </td>
    <td id="output">  hey</td>
    
  </tr>
  </table> -->
  
<div id="output">

</div>
<div id="output2">

</div>


<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

JavaScript

var totalAmount = 0;
var principal = 0
var rate = 0
var time = 0
var x = new Array();
var y = new Array();
var v = new Array();
var xx = new Array();
var yy = new Array();
var vv = new Array();


function calculateA (principal, rate, time){
	return principal * (1 + rate * time)
};



function calculate(){
	principal = Number($('#principalTB').val());
	rate = Number($('#rateTB').val()) / 100;
  var firstYear = 0;
  var cYear = 0;
  var lastYear = Number($('#timeTB').val());
  var i = 0;
  v=[];
  for (cYear = firstYear; cYear <= lastYear; cYear++){
  	x[i] = cYear;
    y[i] = calculateA(principal, rate, cYear);
    v[i] = [x[i], y[i]];
    i++;
  }
  time = i -1;
}




function outputDisplay(){
	var outputString = "";

	outputString = "A = " + principal + "*(1 + " + parseFloat(rate) + "*" + parseFloat(time.toFixed(2)) + "  ) "  ;
  outputString += "<br/> Simple and Uncompounded<br/><br/>"
  outputString += "A = $"+  calculateA(principal, rate, 1) + " after 1st year <br/>"
 	for (var j = 2; j <= time; j++){
 		outputString +=  "A =  $" + parseFloat(y[j].toFixed(2)) +  " after " + j + " years " + "<br/>"
  	}
  
	output.innerHTML = outputString;
}




function calculateCompound (principal, rate, time){

	return principal * (Math.pow((1 + rate), time));
};


function calculate2(){
	principal = Number($('#principalTB').val());
	rate = Number($('#rateTB').val()) / 100;
  var firstYear = 0;
  
  var cYear = 0;
  var lastYear = Number($('#timeTB').val());
  var i = 0;
  vv=[];
  for (cYear = firstYear; cYear <= lastYear; cYear++){
  	xx[i] = cYear;
    yy[i] = calculateCompound(principal, rate, cYear);
    vv[i] = [xx[i], yy[i]];
    i++;
  }
  time = i -1;
}
function outputDisplay2(){
	var outputString2 = "";

	outputString2 = "<br/> A = " + principal + "*(1 + " + parseFloat(rate) + "/t)<sup> " + parseFloat(time.toFixed(2)) + "t</sup> "  ;
  outputString2 += "<br/> Compounded yearly so t = 1 <br/><br/>"
  outputString2 += "A = $"+  calculateA(principal, rate, 1) + "...