JSFiddle - React, Tailwind, and code Playground

by Trevor W

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>

CSS

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

JavaScript

includeTuition = true;
includeFood = true; 
subtractTax = true;
includeWeekendSpending = true;

jobs = {};
results = {};

jobs["bizreach"] = {
  "wage":1100,
  "days":{//day:hours
      1:6,
      3:7,
      4:7,
      5:7,
    },
  "bonus":84560,
  "trainFare":480,
  "holidays":true
};
jobs['hungri'] = {
  "wage":2500,
  "days":{
    0:0,
    1:0,
    2:0,
    4:0,
    6:0,
  },
  "trainFare":0,
  "holidays":false
};

var commuteTime = {
  "work" : 80,
  "school" : 60,
  "offday" : 60,
}

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


holidays = {
  2018: {
    1: [1,8],
    2: [11,12],
    3: [21],
    4: [29,30],
    5: [3,4,5],
    6: [],
    7: [16],
    8: [11],
    9: [17,23,24],
    10: [8],
    11: [3,23],
    12: [23,24,31],
  }
};

var days = {
  "monday" : ['breakfast','lunch','dinner'],
  "tuesday" : ['breakfast','lunch','dinner'],
  "wednesday" : ['breakfast','lunch','dinner'],
  "thursday" : ['breakfast','lunch','dinner'],
  "friday" : ['breakfast','lunch','dinner'],
  "saturday" : ['breakfast','lunch','dinner'],
  "sunday" : ['breakfast','lunch','dinner'],
};

var dailyFood = [];
dailyFood['breakfast'] = {
		"eggs" : 240/5,
		"milk" : 250/5,
};
dailyFood['lunch'] = {
    "food" : 500,
};
dailyFood['dinner'] = {
    "chicken" : 380,
    "broccoli" : 200,
};
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));



expenses = {
  "rent": 80000,
  "ultils": 6000,
  "bike": 3000,
  "phone": 1098,
  "wifi": 5143,
  "trainpass": 15270,
  "health":...