JSFiddle - React, Tailwind, and code Playground

by jmansa

HTML

<!DOCTYPE html>
<html>
<body>

<p>My First Paragraph</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

CSS

body {
  font-family: "Arial", Times, serif;
  font-size: 12px;
  
}

JavaScript

var bagTiles = [
      "0,1,1",
      "0,5,5",
      "0,6,6",
      "0,8,8",
      "0,1,14",
      "0,3,16",
      "0,4,17",
      "0,5,18",
      "0,7,20",
      "0,10,23",
      "1,3,29",
      "1,6,32",
      "1,8,34",
      "1,10,36",
      "1,11,37",
      "1,13,39",
      "1,1,40",
      "1,2,41",
      "1,3,42",
      "1,7,46",
      "1,10,49",
      "1,12,51",
      "2,3,55",
      "2,4,56",
      "2,7,59",
      "2,8,60",
      "2,4,69",
      "2,8,73",
      "2,13,78",
      "3,2,80",
      "3,3,81",
      "3,6,84",
      "3,8,86",
      "3,9,87",
      "3,10,88",
      "3,13,91",
      "3,2,93",
      "3,3,94",
      "3,5,96",
      "3,6,97",
      "3,7,98",
      "3,10,101",
      "3,11,102",
      "3,13,104",
      "1,8",
      "0,7",
      "0,3",
      "0,8",
      "2,2",
      "0,6",
      "2,6",
      "1,5",
      "2,5"
    ];
    
var tableTiles = [
      "19,0,12,0",
      "34,0,11,11",
      "49,0,10,10",
      "56,1,11,50",
      "58,1,13,0",
      "64,0,9,22",
      "66,0,9,0",
      "67,1,9,0",
      "68,2,9,61",
      "71,3,11,89",
      "73,0,13,26",
      "83,2,10,62",
      "86,2,11,0",
      "87,2,12,0",
      "88,2,13,65",
      "96,2,9,74",
      "97,2,10,75",
      "98,2,11,76",
      "111,1,9,0",
      "116,0,11,24",
      "117,0,12,25",
      "118,0,13,0",
      "126,3,9,100",
      "127,3,8,99",
      "128,3,7,85",
      "132,3,12,0",
      "146,3,12,0",
      "147,2,12,0",
      "148,1,12,38",
      "150,2,1,0",
      "153,3,4,82",
      "154,3,5,83",
      "155,4,0,105",
      "165,3,1,92",
      "170,2,6,0",
      "180,1,1,27",
      "181,1,2,0",
      "182,4,0,0",
      "183,1,4,43",
      "184,1,5,0",
      "185,1,6,0",
      "196,2,2,0",
      "198,0,4,4",
      "211,0,2,0",
      "213,3,4,0"
    ];
var oldTableTiles = [
      "19,0,12,0",
      "34,0,11,11",
      "49,0,10,10",
      "56,1,11,50",
      "58,1,13,0",
      "64,0,9,22",
      "66,0,9,0",
      "67,1,9,0",
      "68,2,9,61",
      "71,3,11,89",
     ...