JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"></div>
<div id="div2"></div>
<hr/>
<div id="div3"></div>
<div id="div4"></div>
<div id="work"></div>

CSS

div {margin: 20px}

JavaScript

///////////////// METHODS BEHAVIOUR  /////

  $(function(){
      $("#div1").html('<a href="example.html">Link</a><b>hello</b>');
      $("#div2").text('<a href="example.html">Link</a><b>hello</b>');
        
      $("#div3").html('&lt;a href="example.html"&gt;Link&lt;/a&gt;');
      $("#div4").text('&lt;a href="example.html"&gt;Link&lt;/a&gt;');
 });

///////////////// (VALID?) BENCHMARK  /////
var simplecron = {
    stime: new Date(), // start time 
    restart: function () {
	this.stime = new Date();
    },
    duration: function () {
	var end = new Date();
	return end - this.stime;
    }
}
simplecron.restart(); for (var i=1; i<300; i++) 
    $("#work").html('BENCHMARK WORK');
var html_time = simplecron.duration();
simplecron.restart(); for (var i=1; i<300; i++) 
    $("#work").text('BENCHMARK WORK');
alert("TIMES: \nhtml="+html_time+"\ntext="+simplecron.duration());