JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr><th>Mon</th><th>Tue</th><th>Wed</th>
  <th>Thur</th><th>Fri</th><th>Sat</th><th>Sun</th><th>Week</th></tr> 
  <tr><td class="monday"></td><td class="tuesday"></td><td class="wednesday"></td><td class="thursday"></td><td class="friday"></td><td class="saturday"></td><td class="sunday"></td><td class="weekly"></td></tr>
</table>
<table class="tableResults">
	<tr>
		<th>Wage</th>
		<th>yearTotal</th>
    <th>Tax</th>
		<th>monTotal</th>
		<th>mAfter</th>
		<th>wAfter</th>
		<th>dAfter</th>
	</tr>

</table>

CSS

td{padding:5px; border: 1px solid black;}
.a{background-color:#DDD;}
.w{background-color:rgba(0,160,0,1);}
.cw td{box-shadow:0px 0px 2px 3px rgba(255,245,0,1);}

JavaScript

// options
var hoursPerWeek = 24;
var daysPerWeek = 3;
var trainFare = 480;//480
var currentWage = 1100;
includeTuition = true;
includeFood = true, 
subtractTax = true;
subtractExpenses = true;

var days = {
  "monday" : ['breakfast','lunchSchool','regularDinner'],
  "tuesday" : ['breakfast','lunchSchool','regularDinner'],
  "wednesday" : ['breakfast','lunchWork','regularDinner'],
  "thursday" : ['breakfast','lunchWork','regularDinner'],
  "friday" : ['breakfast','lunchWork','regularDinner'],
  "saturday" : ['breakfast','lunchSchool','saturdayFun'],
  "sunday" : ['breakfast','sundayFun'],
};

var nf = new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'JPY',
    });

var dailyFood = [];
dailyFood['breakfast'] = {
       "eggs" : 240/5,
       "milk" : 250/5,
      "toast" : 150/8,
  "vitamins1" : 520/30,
  "vitamins2" : 250/90,
  		//"drink" : 150/4,//bring from home
};
dailyFood['lunchWork'] = {
      "subway" : 490,
      "snack" : 108,
      "drink" : 129,
};
dailyFood['lunchSchool'] = {
      "fruit" : 250,
      "onigiri" : 130,
      "orangeJuice" : 108,
      "boiledEgg" : 63,
      "drink" : 129,
      "snack" : 108,
};
dailyFood['regularDinner'] = {
      "chicken" : 400,
      "broccoli" : 250,
};//650
dailyFood['saturdayFun'] = {
      "funzies" : 3000
};
dailyFood['sundayFun'] = {
      "funzies" : 3000
};

var weeklyFoodTotal = 0;
for (key in days) {
	var temp = 0;
  for (var i = 0; i < days[key].length; i++) {
		key2 = days[key][i];
    for (key3 in dailyFood[key2]) {
    	//console.log(dailyFood[key2][key3]);
    	temp += dailyFood[key2][key3];
      //console.log(temp);
    }
	}
  temp = Math.round(temp);
  weeklyFoodTotal+= temp;
  $('.'+key).text(nf.format(temp));
}
$('.weekly').text(nf.format(weeklyFoodTotal));



	var wage = [1000,1100,1200,1300,1400,1500,1600,1650,1700,1800,1875,1900,2000,2100,2200,2250,2300,2400,2500,2600,2700,2800,2900,3000,3100,3200,3300,3400,3500,4000,4500,5000,7500,8000,10000];
	

	var exp =...