JSFiddle - React, Tailwind, and code Playground

by Julien Roy

HTML

<div id='showsn'>
    <textarea id="TextMsg"></textarea>
    <p><span class='char'></span>کارکتر</p>
    <p><span class='num'></span>پارت</p>
</div>
<button>Update Div</button>

JavaScript

var counter = function (el, char_el_selector, num_el_selector) {
    var cha = el.val().length;
    var num = Math.ceil(cha / 160);
    if (num == 0) num = 1;
    $(char_el_selector).html(cha);
    $(num_el_selector).html(num);
};

$(document).ready(function () {
    $('#showsn').on('keyup', '#TextMsg', function () {
        counter($(this), ".char", ".num");
    });
    $("#TextMsg").keyup();

    $('button').click(function () {
        $('#showsn').html('<textarea id="TextMsg"></textarea> <p><span class="char"></span>کارکتر</p> <p><span class="num"></span>پارت</p>');
    });
});