JSFiddle - React, Tailwind, and code Playground

by electronoob

HTML

<textarea id='c' style="width:100%;height:600px;"></textarea>

JavaScript

//gameboy opcode table 1
var pastraiser = 
{
   "0x": {
      "x0": "NOP\n1  4\n- - - -",
      "x1": "LD BC,d16\n3  12\n- - - -",
      "x2": "LD (BC),A\n1  8\n- - - -",
      "x3": "INC BC\n1  8\n- - - -",
      "x4": "INC B\n1  4\nZ 0 H -",
      "x5": "DEC B\n1  4\nZ 1 H -",
      "x6": "LD B,d8\n2  8\n- - - -",
      "x7": "RLCA\n1  4\n0 0 0 C",
      "x8": "LD (a16),SP\n3  20\n- - - -",
      "x9": "ADD HL,BC\n1  8\n- 0 H C",
      "xA": "LD A,(BC)\n1  8\n- - - -",
      "xB": "DEC BC\n1  8\n- - - -",
      "xC": "INC C\n1  4\nZ 0 H -",
      "xD": "DEC C\n1  4\nZ 1 H -",
      "xE": "LD C,d8\n2  8\n- - - -",
      "xF": "RRCA\n1  4\n0 0 0 C"
   },
   "1x": {
      "x0": "STOP 0\n2  4\n- - - -",
      "x1": "LD DE,d16\n3  12\n- - - -",
      "x2": "LD (DE),A\n1  8\n- - - -",
      "x3": "INC DE\n1  8\n- - - -",
      "x4": "INC D\n1  4\nZ 0 H -",
      "x5": "DEC D\n1  4\nZ 1 H -",
      "x6": "LD D,d8\n2  8\n- - - -",
      "x7": "RLA\n1  4\n0 0 0 C",
      "x8": "JR r8\n2  12\n- - - -",
      "x9": "ADD HL,DE\n1  8\n- 0 H C",
      "xA": "LD A,(DE)\n1  8\n- - - -",
      "xB": "DEC DE\n1  8\n- - - -",
      "xC": "INC E\n1  4\nZ 0 H -",
      "xD": "DEC E\n1  4\nZ 1 H -",
      "xE": "LD E,d8\n2  8\n- - - -",
      "xF": "RRA\n1  4\n0 0 0 C"
   },
   "2x": {
      "x0": "JR NZ,r8\n2  12/8\n- - - -",
      "x1": "LD HL,d16\n3  12\n- - - -",
      "x2": "LD (HL+),A\n1  8\n- - - -",
      "x3": "INC HL\n1  8\n- - - -",
      "x4": "INC H\n1  4\nZ 0 H -",
      "x5": "DEC H\n1  4\nZ 1 H -",
      "x6": "LD H,d8\n2  8\n- - - -",
      "x7": "DAA\n1  4\nZ - 0 C",
      "x8": "JR Z,r8\n2  12/8\n- - - -",
      "x9": "ADD HL,HL\n1  8\n- 0 H C",
      "xA": "LD A,(HL+)\n1  8\n- - - -",
      "xB": "DEC HL\n1  8\n- - - -",
      "xC": "INC L\n1  4\nZ 0 H -",
      "xD": "DEC L\n1  4\nZ 1 H -",
      "xE": "LD L,d8\n2  8\n- - - -",
      "xF": "CPL\n1  4\n- 1 1 -"
   },
   "3x": {
      "x0": "JR NC,r8\n2  12/8\n- - - -",
      "x1": "LD SP,d16\n3  12\n- - - -",
   ...