JSFiddle - React, Tailwind, and code Playground

by reedfisher

HTML

<form name="form1" method="post" action="">
<table>
  </tr>
  <tr>
    <td valign="top">Select*</td>
    <td><p><input type="radio" name="endpoint" id="endpoint" value="rpdesk" style="vertical-align: middle; margin: 0px;" checked="checked">&nbsp;RP Desktop</p>
      <p><input type="radio" name="endpoint" id="endpoint" value="mslync" style="vertical-align: middle; margin: 0px;">&nbsp;MS Lync<br>
      </p></td>
    <td><p><input type="radio" name="endpoint" id="endpoint" value="rpmobile" style="vertical-align: middle; margin: 0px;">&nbsp;RP Mobile</p>
      <p><input type="radio" name="endpoint" id="endpoint" value="audio" style="vertical-align: middle; margin: 0px;">&nbsp;Audio only</p></td>
  </tr>
  <tr>
    <td width="71">Select*</td>
    <td width="110" valign="middle"><input type="radio" name="signin" id="signin" value="signin" style="vertical-align: middle; margin: 0px;">&nbsp;Sign in</td>
    <td width="110"><input type="radio" name="signin" id="signin" value="nosignin" style="vertical-align: middle; margin: 0px;" checked="checked">&nbsp;Don't sign in</td>
  </tr>
  <tr>
    <td colspan="3" height="25">Your dialing string:</td>
    </tr>
  <tr>
    <td colspan="3" align="center" bgcolor="#e6e6e6"><textarea id="dialString" readonly></textarea></td>
    </tr>
  <tr>
    <td colspan="3" height="25">Your Chairperson Code:</td>
    </tr>
  <tr>
    <td colspan="3" align="center" bgcolor="#e6e6e6">#654123#</td>
    </tr>
</table>
</form>

JavaScript

document.getElementById('nosignin').checked = true;
var rpdrpmDial = '1200110028 or<br \/>[email protected]';
var lyncDial = '[email protected]';
var audioDial = '+1 (650) 351-0492; 1200110028#';