JSFiddle - React, Tailwind, and code Playground

HTML

<form oninput="retVal.value=parseInt(pavVal.value)-(parseInt(pavVal.value)*parseFloat(pavCAT.value))">
        <table> 
            <tr>
                <td>
                    <label for="pavVal"><b>PAV:</b></label>
                </td>
                <td>
                    <input type="number" id="pavVal">
                </td>
            </tr>   
            <tr>
                <td>
                    <label for="pavCAT" ><b>CAT:</b></label>
              </td>
                <td>
                   
                    <input type="radio" id="pavCat1" name="pavCAT" value="0.3">
                    <label for="0.3" > N (30%)</label>
                    <input type="radio" id="pavCat2" name="pavCAT" value="0.2">
                    <label for="0.2" > S (20%)</label>
                    <input type="radio" id="pavCat3" name="pavCAT" value="0.1">
                    <label for="0.1"> B (10%)</label>
                    
                </td>
            </tr>
            <tr>
                <td>
                    <label for="retVal1"><b>Retention Value:</b></label>
                </td>
                <td>
                    <output name="retVal" for="pavVal pavCAT"></output>
                </td>
            </tr>
        </table>
    </form>