JSFiddle - React, Tailwind, and code Playground

by rogeriolino

HTML

<pre id="console">
</pre>

JavaScript

var myStr = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dapibus dui sit amet nibh sodales, et maximus neque maximus. Praesent in tincidunt ex. Ut libero orci, volutpat non efficitur at, sodales interdum velit. Nullam rhoncus posuere felis eu fermentum. Donec condimentum augue ullamcorper lacus commodo, eu bibendum erat aliquam. Donec tincidunt malesuada libero rhoncus faucibus. Suspendisse ut leo vitae elit imperdiet consectetur. Nam imperdiet et dui vel posuere. Curabitur tincidunt arcu quis ex ornare sagittis. Praesent sodales placerat elit at mattis. Vivamus vitae velit pellentesque nisl aliquam bibendum. Nullam luctus ut mi vel pulvinar. Duis ac turpis id dolor ornare pharetra. Vivamus tempor elit sem, ut consequat dui rhoncus sit amet. Aliquam a orci nunc.',
    loopCount = 10000;

function log(msg) {
	//console.log(msg);
  document.getElementById('console').innerHTML += msg + "\n";
}

function replaceWithRegex(text) {
  return text.replace(/\ /g, '<br>');
}

function replaceWithSplit(text) {
  return text.split(' ').join('<br>');
}

function doReplace(fn, text, count) {
  var startTime = new Date(), endTime;
  for (var i = 0; i < count; i++) {
    fn(text);
  }
  endTime = new Date();
  log('Time elapsed in ms: ' + (endTime.getTime() - startTime.getTime()));
}

log('Start replacing with REGEX ' + loopCount + 'x');
doReplace(replaceWithRegex, myStr, loopCount);

log('---------');

log('Start replacing with SPLIT/JOIN ' + loopCount + 'x');
doReplace(replaceWithSplit, myStr, loopCount);