JSFiddle - React, Tailwind, and code Playground

by Nik Shevchenko

HTML

<a href="#" id="test">TEST</a>
<div class="info">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi deleniti laboriosam, alias quia earum dolores obcaecati id ullam officiis, magnam, sunt et reiciendis. Incidunt saepe impedit corrupti dolores deserunt, a.
</div>

CSS

.info {
  background-color: #f9f9f9;
  margin-top: 20px;
}

.new {
  background-color: blue;
}

JavaScript

$('#test').on('click', function(e) {
	e.preventDefault();
  
  var data = "<div class='new'>New text into this text block</div>";
  
  $('.info').html(data);
});