JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<p>hello how are you?</p>

CSS

p {
   border: 1px solid red;   
}

p span {
   border: 1px solid yellow;   
}

JavaScript

var p = $('p');

p.html(function(index, oldHtml) {
    return oldHtml.replace(/\b(\w+?)\b/g, '<span class="word">$1</span>')
});

p.click(function(event) { alert(event.target.innerHTML) });