JSFiddle - React, Tailwind, and code Playground

HTML

<div id="report"></div>

CSS

li{
  margin-left:10px;
  list-style-type:disc;
  font-family:courier;
}

JavaScript

var data = 'abcdefghijklmnopqrstuvwxyz';
var chunks = [];

var chunksize = 10;

for (var i = 0; i < data.length / chunksize; i++)
{
  chunks.push( data.substring(i*chunksize, (i+1)*chunksize) );
}



// following code is for reporting only..
var report = '<p>String has been split to ' + chunks.length + ' chunks.</p>';
report += '<ul>';
for (var i = 0 ; i < chunks.length; i++)
   report += '<li>'+chunks[i]+'</li>'
report += '</ul>'
$('#report').html(report);