JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chdv">Check element focus</div>
<br>
<form action="" id="frm">
    <b>name:</b><br>
    <input type="text" name="bla" class="inp" /><br><br>
    <b>family:</b><br>
    <input type="text" name="bla-bla" class="inp" /><br><br>
</form>

CSS

.chdv{
    margin:11px auto;
    text-align:center;
}
.inp{
    width:215px;
    height:27px;
    border:1px solid #DDD;
}

JavaScript

$(document).ready(function(){
    
    $('.inp').focus(function(){
       var nm=$(this).attr('name');
        $('.chdv').css({'color':'red','font-weight':'bold'})
            .text('Now you\'re working with field by name: '+nm+'!');
    });
    
});