JSFiddle - React, Tailwind, and code Playground

by collabcoders

HTML

<DIV style="BORDER-BOTTOM: blue 2px ridge; BORDER-LEFT: blue 2px ridge; WIDTH: 1000px; BORDER-TOP: blue 2px ridge; BORDER-RIGHT: blue 2px ridge" id=0_212099594_990000 class=mid>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
    <TBODY>
        <TR vAlign=top align=middle width="100%" cellPadding="0" cellSpacing="0" border="0">
            <TD width="15%"><H4>ID</H4></TD>
            <TD width="5%"></TD>
            <TD width="30%" align=left><INPUT onblur="this.style.backgroundColor='#fff'" class=input_0_212099594_990000 onfocus="this.style.backgroundColor='#ccc'" value=110KG0D name=ow_id id=ow_id> </TD>
            <TD width="19%"></TD>
            <TD style="BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid" class=radiobutton width="20%" align=middle>YES<INPUT class=0_212099594_990000 disabled value=YES type=radio name=0_212099594_990000 jQuery172033007169320727875="2">NO<INPUT class=0_212099594_990000 disabled value=NO type=radio name=0_212099594_990000 jQuery172033007169320727875="3">MAYBE<INPUT class=0_212099594_990000 value=MAYBE CHECKED type=radio name=0_212099594_990000 jQuery172033007169320727875="4" id="cb"></TD>
            <TD width="5%" align=right><BUTTON style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: white; BORDER-TOP: medium none; BORDER-RIGHT: medium none" onclick="javascript:ShowHide('0_212099594_990000')"><IMG src="../images/delete.png"></BUTTON> 
            </TD>
        </TR>
    </TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="98%" align=center>
    <TBODY>
        <TR vAlign=top align=left>
            <TD style="PADDING-BOTTOM: 1em" width="9%" align=middle><FONT color=black size=2><B>NAME</B></FONT></TD>
            <TD class=input_0_212099594_990000 width="8%" align=left><SELECT name=bsn_code id=bsn_code> <OPTION selected value=a>A</OPTION> <OPTION value=B>B</OPTION> <OPTION...

JavaScript

$(document).ready(function () {
    var ow_id = $('#ow_id').val();
    var bsn_code = $('#bsn_code').val();
    var osi_cd = $('#osi_cd').val();
    alert('ID: ' + ow_id + ', NAME: ' + bsn_code + ', AGE: ' + osi_cd);
});