JSFiddle - React, Tailwind, and code Playground
HTML
<p>This is a test paragraph! I love cats. Dogs are fine too... Here's a number : 3.4. Please apply here</p>
JavaScript
$('p').each(function() {
$(this).html($(this).text().split(/([\.\?!])(?= )/).map(
function(v){return '<span class=sentence>'+v+'</span>'}
));
});
$('.sentence').click(function(){
alert($(this).text());
});