JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<div id="test">feowifowaei</div>

JavaScript

console.time('plain');
console.timeEnd('plain');
for(var i=0; i < 40000; i++) $('#test').append(i);
$('#test').css('border', '10px solid green');

console.time('self');
(function testing(){
    console.timeEnd('self');
    for(var i=0; i < 40000; i++) $('#test').append(i);
    $('#test').css('background-color', 'yellow');
    
})();

console.time('immediate');
function testing2(){
    console.timeEnd('immediate');
    for(var i=0; i < 40000; i++) $('#test').append(i);
    $('#test').css('outline', '4px solid hotpink');
};
testing2();

console.time('domready');
$(function(){
    console.timeEnd('domready');
    console.time('for');
    for(var i=0; i < 40000; i++) $('#test').append(i);
    console.timeEnd('for');
    $('#test').css('color', 'red');
});