JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <div id="text">
  </div>
</html>

CSS

.letterRow + .letterRow {
  margin-left:20px;
}

.null, .eins {
  color:transparent;
}

.eins {
  background:#ff0000;
}

JavaScript

var I = [
	[0,0,1,0,0],
  [0,0,1,0,0],
  [0,0,1,0,0],
  [0,0,1,0,0],
  [0,0,1,0,0]
];

var L = [
	[0,1,0,0,0],
  [0,1,0,0,0],
  [0,1,0,0,0],
  [0,1,0,0,0],
  [0,1,1,1,0]
];

var O = [
	[0,1,1,1,0],
  [1,0,0,0,1],
  [1,0,0,0,1],
  [1,0,0,0,1],
  [0,1,1,1,0]
];

var V = [
	[1,0,0,0,1],
  [1,0,0,0,1],
  [1,0,0,0,1],
  [0,1,0,1,0],
  [0,0,1,0,0]
];

var E = [
	[1,1,1,1,1],
  [1,0,0,0,0],
  [1,1,1,1,1],
  [1,0,0,0,0],
  [1,1,1,1,1]
];

var C = [
	[0,0,1,1,1],
  [0,1,0,0,0],
  [0,1,0,0,0],
  [0,1,0,0,0],
  [0,0,1,1,1]
];

var D = [
	[1,1,1,0,0],
  [1,0,0,1,0],
  [1,0,0,0,1],
  [1,0,0,1,0],
  [1,1,1,0,0]
];

var A = [
	[0,0,1,0,0],
  [0,1,0,1,0],
  [1,1,1,1,1],
  [1,0,0,0,1],
  [1,0,0,0,1]
];

var H = [
	[1,0,0,0,1],
  [1,0,0,0,1],
  [1,1,1,1,1],
  [1,0,0,0,1],
  [1,0,0,0,1]
];

var P = [
	[1,1,0,0,0],
  [1,0,1,0,0],
  [1,1,1,0,0],
  [1,0,0,0,0],
  [1,0,0,0,0]
];

var Y = [
	[1,1,0,0,1],
  [0,1,1,1,0],
  [0,0,1,0,0],
  [0,0,1,0,0],
  [0,0,1,0,0]
];


var N = [
	[1,0,0,0,1],
  [1,1,0,0,1],
  [1,0,1,0,1],
  [1,0,0,1,1],
  [1,0,0,0,1]
];

var G = [
	[1,1,1,1,1],
  [1,0,0,0,0],
  [1,0,1,1,1],
  [1,0,0,1,1],
  [1,1,1,1,1]
];

var textwrapper = document.getElementById("text");

function printletterRow(letter) {
	var letterRow = document.createElement("span");
  letterRow.className = "letterRow";
	for (var i = 0; i < letter.length; i++) {
    	// Teil erstellen
    	var letterPiece = document.createElement("span");
      // Text erstellen und anfügen
      var txt = document.createTextNode(letter[i]);
      letterPiece.append(txt);
      // wenn 0 dann null als klasse ansonsten eins
      if (letter[i] == 0) {
      	letterPiece.className = "null";
      } else {
      	letterPiece.className = "eins";
        // random farbe realisieren?
        //var randomHex ='#'+Math.floor(Math.random()*16777215).toString(16);
        // 0 - 255 entspricht 256 möglichkeiten > 256^3 > 16777215 was für FFFFFF steht
        //letterPiece.style.color = randomHex;
      }
      // Teil an...