JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript'>
function afficher(etat)
{   
document.getElementById("champ").style.visibility=etat;   
}
</script>


<form>
  <tr>
    <td width="107" bgcolor="#DDF1F9" class="style8">Association : </td>
    <td width="108" bgcolor="#DDF1F9" class="style8">GG71
      <input name="ULIBRE2" type="radio" value="1" onclick="afficher('visible');" checked/></td>
    <td width="134" bgcolor="#DDF1F9" class="style8">Marmottes
      <input name="ULIBRE2" type="radio" value="2" onclick="afficher('hidden');" /></td>
    <td width="138" bgcolor="#DDF1F9" class="style8">L.A.R.A
      <input name="ULIBRE2" type="radio" value="3" onclick="afficher('hidden');" /></td>
  </tr>
  <div id="champ">
  <tr>
    <td colspan="2" bgcolor="#DDF1F9" class="style8">N&deg; Membre :<span class="style11">2</span></td>
    <td colspan="2" bgcolor="#DDF1F9">
  <input type="number" name="ULIBRE1" width="250" pattern="(?=^.{8,}$)((?=.*d)|(?=.*W+))(?![.n])(?=.*[A-Z])(?=.*[a-z]).*"/>
  </td>
  </tr>
  </div>
</form>