JSFiddle - React, Tailwind, and code Playground

by somaberlin

HTML

<div class="box">
	<p>Lorem ipsu</p>
</div>
<div class="box">
	<p>Lorem ips</p>
</div>
<div class="box">
	<p>Lorem ip</p>
</div>
<div class="box">
	<p>Lorem</p>
</div>

<div>Box 1: <span></span> Letter</div>
<div>Box 2: <span></span> Letter</div>
<div>Box 3: <span></span> Letter</div>
<div>Box 4: <span></span> Letter</div>

CSS

.box {
    border: 1px solid #CCC;
    margin: 1em;
    padding: 0.5em;
}
span {
    color: red;
}

JavaScript

var n_letter = $( ".box p" ).text().length;

$("span").html( n_letter );