JSFiddle - React, Tailwind, and code Playground

HTML

<input id="d1" required="required" value="1" name="diaria" type="radio">  
<label id="diaria" for="diaria">Uma diária</label> 
    
<input id="d2" required="required" value="2" name="diaria" type="radio">  
<label id="diaria" for="diaria">Duas diárias</label> 
    
<input id="d3" required="required" value="3" name="diaria" type="radio">  
<label id="diaria" for="diaria">Três diária</label> 
<br>
      
<select name="estado" id="estado" onChange="trocaEstado();">
   <option id="nenhum"  value="0"  > Escolher         </option>
   <option id="DF"      value="250"> Distrito Federal </option>
   <option id="SP"      value="200"> São Paulo        </option>
   <option id="outros"  value="300"> Outros Estados   </option>
</select>
<br>
    
<input id="input_capital" required="required" value="0" name="capital" type="radio" >  
<label id="capital" for="capital">Escolher</label> 
<input id="input_interior" required="required"  value="160" name="capital" type="radio">
<label id="interiror" for="capital">Interior</label>
<br>
<br>
      
<label for="resultado">Resultado</label> 
<input readonly="readonly" id="resultado" value="Zero"></input>
<br>
<!--input para o estado -->
<label for="estado_s">Estado</label> 
<input readonly="readonly" id="estado_s" value="nenhum"></input>    
    
<script>
        
function trocaEstado()
{
    var e        = document.getElementById("estado");
    var strcap   = e.options[e.selectedIndex].text;
    var strvalue = e.options[e.selectedIndex].value;
    
    //vai buscar o id da option
    var estado_s = e.options[e.selectedIndex].id;
   

	document.getElementById('input_capital').value=strvalue;
    document.getElementById('input_capital').checked=false;
    document.getElementById('capital').innerHTML=strcap;

    //mete o id da option no input estado_s
    document.getElementById('estado_s').value=estado_s;
    
}

 $(document).ready(function() {
    var capital=null;
    var diaria=null;
   ...