JSFiddle - React, Tailwind, and code Playground

by dshun

HTML

<table style="float: left;">

<tr>
<td>

<fieldset data-role="controlgroup" data-type="vertical">

<form action="form_action.asp">
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCWC">Weekly Comp<br>
 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCSR">Social Rehab<br> 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCES">Elective Surgery<br>
 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTI">TI<br>

<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCSC">SC<br>

  
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCRCA">Reg/Cover Assessment<br>
 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCHL">HL<br> 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCDE">Dental<br>
 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCIALS">IA Lumpsum<br>

<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTR">Treatment<br>

 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCTHS">Thinksafe<br>
 
<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCFRAU">Fraud<br>

<input type="radio" name="r1" onclick="myFunction3(this.value)" value="ISCOTH1">OTHER<br><br>

 


<input type="text" id="result3">

  </form>


</tr>
</td>

<table style="display: inline-block;">

<table style="float: centre;">

<tr>
<td>

<fieldset data-role="controlgroup" data-type="vertical">

<form action="form_action.asp">
<input type="radio" name="r2" onclick="myFunction(this.value)" value="PROG$!">Progress<br>
 
<input type="radio" name="r2" onclick="myFunction(this.value)" value="PROC$!">Process<br> 
<input type="radio" name="r2" onclick="myFunction(this.value)" value="PAYRE$!">Payments/Reimbursements<br>
 
<input type="radio" name="r2" onclick="myFunction(this.value)" value="DECI$!">Decision<br>

<input type="radio"...

JavaScript

function myFunction2(r3) {
    document.getElementById("result2").value = r3;
}

function myFunction(r2) {
    document.getElementById("result1").value = r2;
}

function myFunction3(r1) {
  document.getElementById("result3").value = r1;
}

function copyToClipboard() {
    var result1=document.getElementById("result1").value,
        result2=document.getElementById("result2").value,
        result3=document.getElementById("result3").value,
        text=result3 + result1+result2; 
       
  window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
}