JSFiddle - React, Tailwind, and code Playground

by victorrseloy

HTML

<div class='myClass'> 
  my div
</div>

JavaScript

console.time()
for( var i = 0; i < 50000; i++) { //Heavy
  $(".myClass").append("<div id='my_div"+1+"'>"+i+"</div>");
}
 

/* var myClassInnerHtml = "";
for( var i = 0; i < 10000; i++ ){
myClassInnerHtml += "<div id='my_div"+i+"'>"+i+"</div>";
}
$(".myClass").append(myClassInnerHtml); */

console.timeEnd()