JSFiddle - React, Tailwind, and code Playground

by Neil Kolban

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc leo dui, vestibulum a feugiat a, ultrices ullamcorper nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis molestie fringilla. Morbi ullamcorper purus mi, ut tempor diam dapibus at. Morbi auctor scelerisque lorem non suscipit. Fusce non justo aliquam, bibendum dolor sed, hendrerit nisi. Suspendisse eu convallis lorem. Sed ut sapien nec odio faucibus ultricies. Donec venenatis tortor quis tempor ultrices. Nullam aliquam magna vel pellentesque dignissim. Sed eget felis tristique purus imperdiet suscipit. Mauris elit lorem, convallis vel eleifend et, porttitor eget magna. Mauris faucibus, urna blandit tristique tempus, tellus nunc tristique velit, lacinia mattis urna ligula eget justo. Vestibulum bibendum consectetur massa. Donec vestibulum tincidunt orci at pulvinar.</p>
<p>Nam posuere placerat risus, quis commodo quam. Nullam mollis velit neque, sit amet bibendum tellus egestas vitae. Aliquam ut faucibus nisl. Praesent metus quam, viverra nec accumsan faucibus, porta condimentum metus. Nam congue commodo sem ac ultricies. Nulla at nisi fringilla, finibus tortor in, rhoncus quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec sodales dui congue nisl elementum rutrum. Proin mattis hendrerit diam sit amet suscipit. Etiam consequat risus magna, sit amet mattis sem ornare a. Nam sit amet diam volutpat, elementum lacus rhoncus, sagittis lorem. Fusce ut tellus sed purus ullamcorper lobortis. Pellentesque ac odio congue, congue lectus vitae, aliquam dui.</p>
<p>Pellentesque ac lacus magna. Vivamus a risus vitae nibh blandit porta. Etiam congue lacus non pretium feugiat. Aenean nec velit pellentesque, porta augue et, fringilla elit. Phasellus nec elit leo. Nam vitae ante ac nibh convallis tempor dignissim dignissim neque. Nunc et aliquet mi, nec rhoncus sem. Sed sollicitudin metus at vestibulum luctus. Fusce a orci viverra, finibus purus tempus, ultrices enim....

JavaScript

$(function () {;
    var counter = 0;
    $("p").each(function (i, element) {
        counter += $(element).text().length;
        if (counter > 100) {
            counter = 0;
            $(element).append("<hr/>");
        }
    });
});