JSFiddle - React, Tailwind, and code Playground
HTML
<p>Delete letters by clicking on them.</p>
CSS
p {
font-size: 3em;
}
JavaScript
var paragraph = document.getElementsByTagName('p')[0];
var text = paragraph.textContent;
paragraph.textContent = '';
for(var i = 0, l = text.length; i < l; i++) {
var span = document.createElement('span');
span.textContent = text.charAt(i);
paragraph.appendChild(span);
}
paragraph.addEventListener('click', function(e) {
paragraph.removeChild(e.target);
}, false);