JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="collection"></ul>

JavaScript

console.log('=== NEW === NEW === NEW === NEW === NEW === NEW === NEW === NEW === NEW ===');

var Today 	= new Date();
var GetDOB	= "12/25/1991";
var DOB 		= new Date(GetDOB);
var Age 		= Math.floor(((Today - DOB)/1000)/(604800*52));
var Parts 	= GetDOB.split('/');
var Next 		=	new Date(Parts[0] + "/" + Parts[1] + "/" + ((new Date).getFullYear()));
var Pension	= new Date(Parts[0] + "/" + Parts[1] + "/" + ((new Date).getFullYear() + (68 - Age)));
var Work		= Math.floor(((Pension - Today)/1000)/(604800*52));
var CalcY		= 68-Age;
var CalcW 	= Math.floor(((Next - Today)/1000)/604800);
var TotalPension = 0;

function hello(){
  var i; var t = 50; var f = 0;
  for (i = 0; i < CalcY; i++) {
    f = ((t*52) + f) * 1.08;
    $('#collection').append("<li>Year: " + i + " Amount: £" + (f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + "</li>");
  }
  TotalPension = ((t*CalcW) + f);
  $('#collection').append("<li>END Amount: £" + (TotalPension).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + "</li><br /><br /><br />");
  if (i < CalcY) window.setTimeout(hello, 0);
  hello2();
  
  //console.log("END Amount: £" + ((t*CalcW) + f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
}



function hello2(){
alert(TotalPension);
  var i = 0; var t; var f = TotalPension;
  for (t = 100000; t < f; i++) {
    f = f-t;
    $('#collection').append("<li>Year: " + i + " Amount: £" + (f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + "</li>");
  }
  //TotalPension = ((t*CalcW) + f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
  //$('#collection').append("<li>END Amount: £" + TotalPension + "</li><br /><br /><br />");
  if (t > f) window.setTimeout(hello2, 0);
  //console.log("END Amount: £" + ((t*CalcW) + f).toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
}


hello();