JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<b>Para 1:</b>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis, augue ac rhoncus faucibus, leo arcu aliquam risus, sit amet posuere mauris ante ac risus. Etiam viverra tincidunt sapien sit amet pharetra. Sed porta ultricies nisl a iaculis. Suspendisse id urna massa, a facilisis metus. Nunc id est sapien, ac molestie mi. Duis bibendum mattis ornare.</p>
<br/>
<b>Para 2:</b>
<p>Sed ante quam, tincidunt quis aliquet sit amet, blandit ac tellus. Quisque ante orci, tristique ac semper a, fermentum id purus. Nulla sed vulputate elit. Nunc ut tellus id nisi aliquam pellentesque.</p>
<br/>
<b>Para 3:</b>
<p>Sed ante quam, a tincidunt quis aliquet sit amet, blandit ac tell us.</p>

CSS

body
{
	font-family: Calibri;
  font-size : 18pt;
  padding : 5px;
}
p
{
	color:blue;
  font-size : 12pt;
}

JavaScript

$(document).ready(function() {
    $('p').each(function(i) {
        var iTotalWords = $(this).text().split(' ').length;
        $(this).append("<b> " + iTotalWords + " words </b>");
    });
});