JSFiddle - React, Tailwind, and code Playground

by telizpablo

HTML

<div>
    <input type="text" class="cont"/>
    <input type="text" class="cont"/>
</div>

CSS

.qdtform{
    position:absolute;
    top:0;
    background-color:red;
    border-radius:50%;
    padding:2px 3px;
}

JavaScript

$(".cont").keyup(function($this) {
    var v = $this.target.value.length;
 console.log(v);
    console.log($('.qdtform'));
    if($('.qdtform')!= undefined){
        $($this.target).after('<span class="qdtform">'+v+'</span>');
    }else{
        $('.qdtform').val(v);
    }
  
});