JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lots of text that just repeats and keeps on going no matter what I say. It is just a lot of text in one place that just never ends.</p>

JavaScript

$(document).ready(function() {
    $('p').each(function() {
        var el = $(this);
        $(el.text().split(' ')).map(function() {
            console.log(this+'');
            return $('<span>').text(this+'').appendTo(el)+' ';
        });
    });
});