JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <input class="data1" id="first" name="first" type="text" value="john" />
        <br/>
        <input class="data1" id="first" name="first" type="text" value="doe" />
    </body>
</html>

JavaScript

$('.data1').removeAttr('readonly');    //edit mode