JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="textareaString" rows="20" cols="50">8541:86941:41:6:651:6161651:6516:161313:163165184:894:1:546944:6161:684:6146516:48646:41561516:51648964:6+1+49+8:4:654646:165116849:16165:1464646:16+5131321:354634:315:984:6516:847:61:10:38416816:31684:68151:684:681:35106841615:1:64:6165:16:8416:10:648510+4:9849665:164:846:16:5168:4616:5168:4641651:648:461:64161:684:684:1:641:6416:516846:15:416:1651:+64:968:416:1065:468:46:1:6:8463:685:469:416:5168:461:65146841610:651468:41:5463164:616:4616461:651461:6416:16846:1654161:6356416:31641:601541:684:098464096416:48069:840964641:680:64:064064160:409:049840:4984094:90486946:0146408694:104:80468:4908640:60416:406:4984698:460894604:1684864:641:89409684:8964098:498:7494:84098:498:47098:48:4098:4894098:49804:894098:4:65:04:165:406:0416:54106:406:65:14068:406:146:540:6401:61:8940:146:850468:410:6854068:41064068:41068406:401684:708700:4094:98740:808:0464084098640984:0640:894096840896:40968468940:86949684:0840:840869:406:54016:540:0453:46:0468:740</textarea>
<br />
<button onClick="cutTheString()">Cut string</button>
<div id="result">
			</div>

JavaScript

function cutTheString()
			{
				var str = document.getElementById('textareaString').value;
				var arrayOfStrings = str.split(':');
				for(var i = 0; i < arrayOfStrings.length; i++)
				{
					if ((i % 17) == 0)
					{
						document.getElementById('result').innerHTML += '<br />';
					}
					var div = document.getElementById('result');
					var mi = document.createElement('input');
					mi.setAttribute('type', 'text');
					mi.setAttribute('size', '4');
					mi.setAttribute('id', 'string' + (i+1));
					div.appendChild(mi);
					document.getElementById('string' + (i+1)).value = arrayOfStrings[i];
					
				}
			}