JSFiddle - React, Tailwind, and code Playground

by govizlora

HTML

<body onclick=myFunction(event)>
<div style="text-indent: 40px;">
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <div style="text-indent: 60px;">
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  </div>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
  <p>fsd<i>fgfsdgdfgdfg</i>fd</p>
</div>
</body>

JavaScript

// Create a new paragraph element, and append it to the end of the document body
function myFunction(event) {
	var p = document.createElement("p");
  p.appendChind(document.createTextNode("fsdjkhk"));
	event.target.appendChild(p);
}