JSFiddle - React, Tailwind, and code Playground

by J_withfeeling

HTML

<div>
<p>
Results of the JS will print out below. You can also see the results in the console.
</p>
<p id="consoleLogs">

</p>
</div>

JavaScript

let numThings = [9, 36, 1, 4, 40, 2];
let results = {};
let catList = {"category1":true,"category2":true};
let people = {
	"0":{
  	"category1":true,
    "category2":true
  },
  "1":{
  	"category1":true,
    "category2":false
  },
  "2":{
  	"category1":false,
    "category2":true
  },
  "3":{
  	"category1":true,
    "category2":true
  },
  "4":{
  	"category1":false,
    "category2":true
  },
  "5":{
  	"category1":true,
    "category2":false
  }
}
let number = {};
let categories = {};
number = {
  "numbers":{
    "1":0,
    "2":0,
    "3":0,
  }
};
for(let cat in catList){
  categories[cat] = Object.assign({}, number);
}
results = {categories};
for(let i=0;i<numThings.length;i++){
  for(let cat in catList){
    if(people[i][cat] != true){
      continue;
    }
    let num = "";
    if(numThings[i]%6 == 1) num = "3";
    else if(numThings[i]%4 == 1) num = "2";
    else num = "1";
    console.log(cat);
    document.getElementById("consoleLogs").innerHTML += cat;
    document.getElementById("consoleLogs").innerHTML += `<br>`;
    console.log(num);
    document.getElementById("consoleLogs").innerHTML += num;
    document.getElementById("consoleLogs").innerHTML += `<br>`;
    console.log(JSON.stringify(results));
    document.getElementById("consoleLogs").innerHTML += JSON.stringify(results);
    document.getElementById("consoleLogs").innerHTML += `<br>`;
    results['categories'][cat]['numbers'][num] = results['categories'][cat]['numbers'][num] + 1;
    console.log(JSON.stringify(results));
    document.getElementById("consoleLogs").innerHTML += JSON.stringify(results);
    document.getElementById("consoleLogs").innerHTML += `<br>`;
  }
}