JSFiddle - React, Tailwind, and code Playground

by Jinish Shah

HTML

<form name="MyForm">
<div>
<label for="test1">Test1</label>
<input type="text" id="test1" onfocus="myFocus(this);" />

</div>

<div>
<label for="test2">Test1</label>
<input type="text" id="test2" onfocus="myFocus(this);" />

</div>
</form>

CSS

div{
    margin:10px;
}

.active{
    color:red;
    border:1px solid green;
}

JavaScript

function myFocus(obj){
    
    var inputType = obj.getAttribute("type");
    var prev = obj.previousElementSibling;
    if(prev.hasAttribute("for")){
       prev.setAttribute("class","myClass");
    }
}