JSFiddle - React, Tailwind, and code Playground

by pmamode

HTML

<p id="field1"></p>
<p id="field2"></p>

JavaScript

var sprite = [{
    id: 1,
    parentId: [],
    width: 1,
    height: 1
  },
  {
    id: 2,
    parentId: [1],
    width: 1,
    height: 1
  },
  {
    id: 3,
    parentId: [1],
    width: 1,
    height: 1
  }, {
    id: 4,
    parentId: [2],
    width: 1,
    height: 1
  }
];

var family = [];
var targetId = 1;
var obj = sprite;
var txt = "";
var i = 0;
while (obj[i]) {
  if (obj[i].id === targetId) {
  }
  i++;
}

document.getElementById("field1").innerHTML = "test";

for (var x in obj) {
      txt += obj[x];
    }

document.getElementById("field2").innerHTML = text;