JSFiddle - React, Tailwind, and code Playground

HTML

<!-- BEGIN: Signup Form Manual Code from Benchmark Email Ver 2.0 ------>

<style type="text/css">
.bmform_outer1078746{width:220px;} .bmform_inner1078746{border:1px solid #797a7b;} .bmform_head1078746{background-color:#d0d6d9; height:37px;} .bm_headetext1078746{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:6px 10px 0 10px; font-weight:bold;} .bmform_body1078746{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt1078746{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:12px;} .bmform_frmtext1078746{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;} .bmform_frm1078746{color:#000000; display:block; float:none; font-family:Verdana,sans-serif; font-size:14px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:190px; padding:3px;} .bmform_button1078746{text-align:center; padding-top:15px;} .bmform_submit1078746{padding:3px 12px 3px 12px;} .bmform_footer1078746{}.footer_bdy1078746{}.footer_txt1078746{} #tdLogo1078746 img{margin-botton:10px; max-width:230px;}</style>
<script type="text/javascript">
function CheckField1078746(fldName, frm){ if ( frm[fldName].length ) { for ( var i = 0, l = frm[fldName].length; i < l; i++ ) {  if ( frm[fldName].type =='select-one' ) { if( frm[fldName][i].selected && i==0 && frm[fldName][i].value == '' ) { return false; }  if ( frm[fldName][i].selected ) { return true; } }  else { if ( frm[fldName][i].checked ) { return true; } }; } return false; } else { if ( frm[fldName].type == "checkbox" ) { return ( frm[fldName].checked ); } else if ( frm[fldName].type == "radio" ) { return ( frm[fldName].checked ); } else { frm[fldName].focus(); return (frm[fldName].value.length > 0); }} }
function rmspaces(x) {var leftx = 0;var rightx = x.length -1;while ( x.charAt(leftx) == ' ') { leftx++; }while (...