JSFiddle - React, Tailwind, and code Playground

by lmoroz

HTML

<p class='test'>Hello, World!</p>

CSS

p {
    pointer-events: none;
}

p:before {
    content: "+";
    background-color: yellow;
    cursor: pointer;
    pointer-events: all;
}

JavaScript

document.querySelector('p.test').addEventListener('click',function(){
	document.body.append('<div>ycnex</div>')
});