JSFiddle - React, Tailwind, and code Playground

by Alan Lins

HTML

<div id="result">

</div>

JavaScript

/*
4 
  01234567
  01000110
  10101000

[
  [ -> 27
    [0100] -> L
    [1010] -> H
  ] 
  [
    [0110]
    [1000]
  ]
]
*/
function createLetterLine(letters,L,row){
  var lineLetter = [];
  for(var j=0;j<letters;j++){
       var letterPiece = []
       for(var k=0;k<L;k++){
         letterPiece.push(row.charAt(k+(j*L) ));
       }
       lineLetter.push(letterPiece)
  }
  return lineLetter;
}

function readLetter({ letters,L,H,T } ){
  var arrayLetter = [];
  for(var i;i<H;i++){
    var row = T[i];
    arrayLetter.push(createLetterLine(letters,L,row))
  }
  return arrayLetter;
}
//const r = readLetters({ letters:2,L:4,H:2,T:['01000110','10101000'] });
var a = createLetterLine(2,4,'01000110');
document.getElementById("result").innerHTML = a[1].join("");