JSFiddle - React, Tailwind, and code Playground

by Ivan Ferrer

HTML

<div class="campo">
            <label><strong>Possui treinamento: </strong></label>
            <radio id="def">
            <div>
              <input type="radio" name="devweb" id="sim" value="sim">
              <label for="sim">SIM</label>
            </div>
            <div>
              <input type="radio" name="devweb" id="nao" value="nao">
              <label for="nao">NÃO</label>
            </div>
            <div>
            <input type="text" name="descreva" disabled id="descreva">
            </div>

JavaScript

window.onload = () => {
   var input = document.getElementById('descreva');
   var radio_yes = document.getElementById('sim');
   var radio_no = document.getElementById('nao');
    radio_yes.addEventListener('click', (e) => {
        var radio = e.currentTarget;
        if(radio.checked == true) {
          input.disabled=false;
          input.focus();
        } else {
         input.disabled=true;
          input.value='';
        }
    });
    
     radio_no.addEventListener('click', (e) => {
        var radio = e.currentTarget;
        if(radio.checked == true) {
          input.value='';
          input.disabled=true;
           input.focus();
        } else {
         input.disabled=false;
        }
    });
   
    
}